• ベストアンサー

カウントダウンのタグ

おバカな質問でごめんなさいです(T_T) 笑わないでね?! 呆れないでね?! カウントダウンのカウンター(?)を置きたくて いろんなサイトを見て作ろうと思ったのですが これじゃ~表示されなくて… 何が足りないですか? ()の中ってどうするのですか? たぶん… メチャクチャだと思うのでここに質問すること事態 恥ずかしくて迷いましたが宜しくお願いします。 m( _"_ )mペコ♪ <!-- var set_y = 2005; var set_m = 9; var set_d = 5; var now = new Date(); var spday= new Date(set_y,set_m-1,set_d); a = (spday.getTime() - now.getTime())/(24*60*60*1000); a= Math.ceil(a); if(a >0) document.write("あと",a,"日で○○○です。"); else if(a==0) document.write("<h2>○○○開催!!</h2>"); else if(a <0) document.write("○○○",-a,"日過ぎました・・・"); --> <script language="javascript"> <!-- //--> </script>

  • noa_
  • お礼率83% (56/67)
  • HTML
  • 回答数4
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • peron
  • ベストアンサー率45% (43/95)
回答No.4

fontサイズを指定するのは今風じゃないようなので #3様の回答に蛇足ながら こうされては如何でしょうか <STYLE type="text/css"> <!-- P { font-size: 30px;} P.bef { color: green;} P.jst { color: red;} P.aft { color: yellow;} --> </STYLE> <SCRIPT type="text/javascript"> <!-- var set_y = 2004; var set_m = 5; var set_d = 1; var now = new Date(); var spday= new Date(set_y,set_m-1,set_d); a = (spday.getTime() - now.getTime())/(24*60*60*1000); a = Math.ceil(a); if(a > 0) document.write("<P class='bef'>あと",a,"日で○○○です。</P>"); if(a == 0) document.write("<P class='jst'>○○○開催!!</P>"); if(a < 0) document.write("<P class='aft'>○○○",-a,"日過ぎました・・・</P>"); //--> </SCRIPT> Pタグにフォントサイズを一括指定するんではなく個別にフォントサイズを指定しても良いです。 動作確認はNN4.7、NN7、IE6です。

noa_
質問者

お礼

ありがとうございました m( _"_ )mペコ♪

その他の回答 (3)

  • q-tip
  • ベストアンサー率28% (2/7)
回答No.3

こんにちは。 document.write("<font color=#ffff00 size=6>あと",a,"日で○○○です。</font"); という形で書いても <script language・・・>~</script> までを<font size="6" color="#ffff00">と</font>でくくっても可能です。 まぁ、スタイルシートを使用するのが一番スマートですかね。 では。

noa_
質問者

お礼

ありがとうございました… m( _"_ )mペコ♪

  • de_vo
  • ベストアンサー率28% (148/523)
回答No.2

下から3行目と4行目 <script language="javascript"> <!-- は先頭にきてないといけないですね。

noa_
質問者

補足

教えていただいて出来たのですが… 字が小さくて文字も黒でダメでしたです^_^; ↓の二つを加えたいのですがどこに入れれば良いですか? <font size="6">サイズ6</font> <font color="#ffff00">黄色</font><br>

  • jin_jeje
  • ベストアンサー率41% (13/31)
回答No.1

次のようにしてみてはどうでしょうか。 <script language="javascript"> var set_y = 2005; var set_m = 9; var set_d = 5; var now = new Date(); var spday= new Date(set_y,set_m-1,set_d); a = (spday.getTime() - now.getTime())/(24*60*60*1000); a= Math.ceil(a); if(a >0) document.write("あと",a,"日で○○○です。"); else if(a==0) document.write("<h2>○○○開催!!</h2>"); else if(a <0) document.write("○○○",-a,"日過ぎました・・・") ; </script>

noa_
質問者

補足

すみませんf^^;) 字も小さくて黒字じゃダメでしたです。 この二つを追加する時はどこに入れれば良いですか? <font size="6">サイズ6</font> <font color="#ffff00">黄色</font><br>

関連するQ&A

  • document.write()の()内にタグを使用したいのですが

    質問いたします。 カウントダウンに関する質問なのですが、例えば以下のスクリプトの中でdocument.write()の()内の".happy."の部分の色を変えたいのですが、タグの挿入のルールが解りません。 document.write("誕生日まであと",<font color="#FF0000">happy</font>," 日") とか色々何パターンか試して見たのですが、間違っているようで表示されなくなってしまいます。 <SCRIPT language="JavaSCRIPT"> <!---- var set_y = 2006; //年 var set_m = 10; //月 var set_d = 01; //日 var now = new Date(); var spday= new Date(set_y,set_m-1,set_d); happy = (spday.getTime() - now.getTime())/(24*60*60*1000); happy = Math.ceil(happy); if(happy >0) document.write("誕生日まであと ",happy," 日"); //カウントダウン else if(happy ==0) document.write("誕生日おめでとう"); //当日 else if(happy <0) document.write("来年もよろしくね!"); //その後 //------> </script> 適切な場所に<font color="#FF0000">~</font>を入れる書き方をお教え頂ければ幸いでございます。よろしくお願い致します。

  • JavaScript初心者です。質問が

    あります。 誕生日勘定関数birth()、 うるう年対応関数uruu() はそれぞれ単独で作動することを確認しています。 がbirth()にuruu()を組み込むと作動しなくなります。 どうしたら解決するのでしょうか? <script language="JavaScript"> <!-- function birth(){ set_m = eval(document.myForm.formm.value); set_d = eval(document.myForm.formd.value); if(set_m<1 || set_m>12){ alert("正しい月日を入力してください!"); return false; } if(set_m ==2 && set_d>29){ alert("正しい月日を入力してください!"); return false; } if(set_m ==1 | set_m ==3 | set_m ==5 | set_m ==7 | set_m ==8 | set_m ==10 |set_m ==12){ if(set_d<1 || set_d>31){ alert("正しい月日を入力してください!"); return false; } }else if(set_d <1 | set_d>30){ alert("正しい月日を入力してください!"); return false; } if(set_m ==2 && set_d ==29) uruu(); else if{ now = new Date(); b = now.getYear(); spday= new Date (b,set_m-1,set_d); spday2 = new Date(b-1,set_m-1,set_d); spday3 = new Date(b+1,set_m-1,set_d); a = (spday.getTime() - now.getTime())/(24*60*60*1000); a = Math.ceil(a); c = (spday2.getTime() - now.getTime())/(24*60*60*1000); c = Math.ceil(c); d = (spday3.getTime() - now.getTime())/(24*60*60*1000); d = Math.ceil(d) aa = Math.abs(a); cc = Math.abs(c); dd = Math.abs(d); if(aa==0) document.write("誕生日おめでとう!!"); else if( a<0 && dd>aa && aa<cc) document.write("誕生日から",aa,"日過ぎました・・・"); else if(a<0 && aa>=dd && dd<cc) document.write("あと",dd,"日で誕生日です。"); else if(aa<=cc && aa<dd) document.write("あと",aa,"日で誕生日です。");else if(aa>cc && cc<dd ) document.write("誕生日から",cc,"日過ぎました・・・"); } } function uruu(){ now = new Date(); b = now.getYear(); spday = new Date(b,2-1,29); a = (spday.getTime()- now.getTime())/(24*60*60*1000); a = Math.ceil(a); aa = Math.abs(a); if(a<0){ if(b%4==0) document.write("誕生日から",aa,"日経過しました。"); else if(b%4==1) document.write("誕生日から",365+aa,"日経過しました。"); else if(b%4==2) document.write("あと",365+365-aa,"日で誕生日です。"); else if(b%4==3) document.write("あと",365-aa,"日で誕生日です。"); }else if(a>0){ if(b%4==0) document.write("あと",aa,"日で誕生日です。"); else if(b%4==1) document.write("誕生日から",365-aa,"日経過しました。"); else if(b%4==2) document.write("誕生日から",365+365-aa,"日経過しました。"); else if(b%4==3) document.write("あと",365+aa,"日で誕生日です。"); }else if(a==0) document.write("誕生日おめでとう!!"); } --> </script> <form name="myForm"> <input type="text" name="formm" size=2>月 <input type="text" name="formd" size=2>日 <input type="button" value="誕生日勘定する" onClick="birth()"> </form>

  • JavaScriptでイベントまでのカウントを作りたい。

    教えてください。JavaScript初心者です。 JavaScriptでイベントまでのカウントを作りたいのですが、 日にちを画像でだして、指定した日がきたら、画像で差し替えるようにしたいのですが、どうすればいいのでしょうか? ※現在は指定した日がきたら、「おめでとう」の文字がでるようにしてます。 書いたタグは下記になります。 アドバイスをお願いします。 <script language="JavaScript"><!-- var now = new Date(); var point = new Date(2009,8-1,25); var countdown = Math.ceil( ( point.getTime() - now.getTime() ) / (1000*60*60*24) ); if(countdown > 0) { document.write('countdown '); } else { document.write('おめでとう!'); } // --></script>

  • カウントダウン JavaScript の else if 3行目以降が実行されない

    ホームページに以下のようなJavaScriptを実行したいのですが、else if の3行目以降が実行されません。 3行目以降も実行するには、どこを修正したら宜しいのでしょうか? <script language="javascript"> <!-- var set_y = 2009; var set_m = 4; var set_d = 10; var now = new Date(); var spday= new Date(set_y,set_m-1,set_d); a = (spday.getTime() - now.getTime())/(24*60*60*1000); a= Math.ceil(a); if(a >0) document.write('大会まで<BR>あと</FONT><FONT size="7" color="#ccff00" face="Arial">', a,'</FONT><FONT size="6" color="#ffffff" face="Arial">日') else if(a==0) document.write('本日は、大会1日目<BR><FONT size="4"> </FONT><BR><FONT size="5">跳躍競技</FONT><BR></FONT><FONT size="7" color="#ccff00" face="Arial">走り幅跳び</FONT>') else if(a=-1) document.write('本日は、大会2日目<BR><FONT size="4"> </FONT><BR><FONT size="5">跳躍競技</FONT><BR></FONT><FONT size="7" color="#ccff00" face="Arial">走り高跳び</FONT>') else if(a=-2) document.write('本日は、大会3日目<BR><FONT size="4"> </FONT><BR><FONT size="5">投擲競技</FONT><BR></FONT><FONT size="7" color="#ccff00" face="Arial">砲丸投げ</FONT>') else if(a=-3) document.write('本日は、大会4日目<BR><FONT size="4"> </FONT><BR><FONT size="5">投擲競技><BR></FONT><FONT size="7" color="#ccff00" face="Arial">円盤投げ</FONT>') else if(a=-4) document.write('本日は、大会5日目<BR><FONT size="4"> </FONT><BR><FONT size="5">トラック競技><BR></FONT><FONT size="7" color="#ccff00" face="Arial">110m ハードル</FONT>') else if(a=-5) document.write('本日は、大会6日目') else if(a=-6) document.write('本日は、大会7日目<BR><FONT size="4"> </FONT><BR><FONT size="5">トラック競技</FONT><BR></FONT><FONT size="7" color="#ccff00" face="Arial">10000m</FONT>') else if(a=-7) document.write('本日は、大会8日目<BR><FONT size="4"> </FONT><BR><FONT size="5">トラック競技><BR></FONT><FONT size="7" color="#ccff00" face="Arial">リレー</FONT>') </script>

  • それぞれの表記の色を変えるには?

    先日、日数カウンターの代わりに、表記を変えるには という質問をして、お答えを頂き、無事解決したのですが、また新たな壁にぶつかってしまいました・・・ <script type="text/javascript"> <!-- var tday=new Date(); var bday=new Date(2013,2-1,4); var days=Math.floor((tday.getTime()-bday.getTime())/(24*60*60*1000));if(days>=301){document.write("良く出来ました");} else if(days>=100){document.write("あともう少し");} else if(days>=51){document.write("この調子で");} else {document.write("頑張りましょう");} // --> </script> というプログラムで、 以下のように変更して、文字の色を変える事はできたのですが <font color="#0000ff"><script type="text/javascript"> <!-- var tday=new Date(); var bday=new Date(2013,2-1,4); var days=Math.floor((tday.getTime()-bday.getTime())/(24*60*60*1000));if(days>=301){document.write("良く出来ました");} else if(days>=100){document.write("あともう少し");} else if(days>=51){document.write("この調子で");} else {document.write("頑張りましょう");} // --> </script></font></td> 以下のように、その表記別に色を変える方法が分かりません 良く出来ました   赤 font color="#ff0000 あともう少し     青 font color="#0000ff この調子で     黄色 font color="#ffff00 どなたか、分かる方がいらっしゃいましたら、どうか宜しくお願い致します。

  • カウントダウンを何個も表示したいのですが・・・

    こんばんは。 「次の誕生日まであと○日」というカウントダウンを自動で表示したくて 検索してみたところ,JavaScriptで書くことが分かりました。 (JavaScriptの書き方は全く知りません。) とあるHPで,以下のように書けば良いと習い <SCRIPT LANGUAGE="JavaScript"> <!-- var now = new Date(); var xday = new Date(2004, 9-1, 15); count = Math.ceil( (xday.getTime() - now.getTime()) / (24*60*60*1000) ); document.write("<FONT style='font-size : 16px; color : #666666'>"); document.write("次の誕生日まであと "); document.write(count); document.write("日 です</FONT>"); //--> </SCRIPT> このように書いたら,無事できました。 しかし, 「次の誕生日まであと○日」 「○さんの誕生日まであと○日」 というように,改行して2つのカウントダウンを表示したく HTMLしか分からないので<br>を入れてみたのですが カウントダウンが2つとも表示されません。 改行して表示するにはどうしたら良いのでしょうか。 どうか教えてください。よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • タグ初心者

    初めて投稿します。今ホームページを作っていて 本を見ながらタグを打っているのですがうまくいきません(泣)しかしどこが間違ってるかもわからず困っています(汗)誰か助けてください。 <html> <head> <title> 時刻によってメッセージが変わる </title> <body> <script language="JavaScript"> <!- var now = new Date(); now_hours = now.getHours(); if(( now_hours > "22") ll (now_hours < "4")) document.write("夜中ですよ。早く寝ましょう。"); if(( now_hours > "3") && (now_hours < "9")) document.write("おはよう 朝ですよ"); if(( now_hours > "8" ) && (now_hours < "15" )) document.write("お仕事がんばってください。"); if(( now_hours > "14" ) && (now_hours <"19" )) document.write("あと一息です。"); if(( now_hours > "18") && (now_hours <"23" )) document.write("今日も一日お疲れ様でした。"); document.write("\n<BR>"); //-> </script> </body> </html>

    • ベストアンサー
    • HTML
  • 曜日に関係なく、交互に表示させる。

    すみません。 思いっきり初心者です。 以前、同僚に協力してもらい、 2つの表示を1日毎に表示を変えるのを教えて貰ったんですが、 (下記内容) <!-- var now = new Date(); var xday = new Date(2004, 9-1, 15); count = Math.ceil( (xday.getTime() - now.getTime()) / (24*60*60*1000) ) var n = count % 2; if(n == 0){ document.write("<FONT style='font-size : 16px; color : #00cc00'>あ</font><BR>"); } else { document.write("い<BR>"); } //--> こんな感じでした。 これを2つ交互から <1日目:あ、2日目:い、3日目:う、4日目:あ、5日目:い、…> と表示させたいんですが、同僚は辞めてしまいどうしたらいいか解りません。 教えてください。 宜しくお願いします。

  • 日付のJavaについて質問

    日付のJavaについて質問です。 <script> function makedate(){ now = new Date(); Day = 12 * 60 * 60 * 1000; now.setTime( now.getTime() + Day ); document.write("<select name=year>"); for(i = 2016; i <= 2017; i++){ Set_year = now.getYear(); Set_year = (Set_year < 2000) ? Set_year+1900 : Set_year ; if(i == Set_year){ document.write("<option value="+i+" selected>"+i); }else{ document.write("<option value="+i+">"+i); } } document.write("</select> 年"); </script> 上のような日付のプログラムを制作してみたいと思っています。 for以下のところですが、2016年⇒17年⇒18年...と年を越しても自動的に値を取得するにはどうすれば良いのでしょうか。 教えて頂ければと思います。

    • 締切済み
    • PHP
  • JavaScriptがマックのサファリでは、正しく動きません。

    11月24日まで、あと何日です。というように日にちを表示させたいのですが、WindowsのIE6なら正しく日付が表示されるのですが、マックのサファリだととんでもない数字が表示されます。 どなたか、どちらでも正しく表示させられる方法を教えてください。お願いいたします。 <script language="javascript"> <!-- var sakiday = new Date("2005/11/24"); var now = new Date(); var tokuteiday = Math.floor((sakiday.getTime()-now.getTime())/(24*60*60*1000)); document.write("<b>"+tokuteiday+"</b>"); //--> </script>

専門家に質問してみよう