• ベストアンサー

「~まであと○○日」という表示がうまくできない

xruzの回答

  • xruz
  • ベストアンサー率50% (72/143)
回答No.3

今年の年末までのカウントダウンですがいかがでしょうか。 <Html> <Head> <Title>gettime</Title> </Head> <Script Language="JavaScript"> <!-- function getCntDown() { var trgDate=new Date(2001,12-1,31); var nowDate=new Date(); var trgValue=trgDate.getTime()-nowDate.getTime(); document.frm.txtSec.value=Math.floor(trgValue/1000)+1; document.frm.txtMin.value=Math.floor(trgValue/1000/60)+1; document.frm.txtHour.value=Math.floor(trgValue/1000/60/60)+1; document.frm.txtDay.value=Math.floor(trgValue/1000/60/60/24)+1; } //--> </Script> <Body onLoad="getCntDown();"> 2001年12月31日まで<br> <Form Method="post" Name="frm"> あと<Input Type="text" Name="txtSec">秒<br> あと<Input Type="text" Name="txtMin">分<br> あと<Input Type="text" Name="txtHour">時間<br> あと<Input Type="text" Name="txtDay">日<br> </Form> </Body> </Html> ターゲットの時間値から現在の時間値を引いてカウントダウンします。 (表示マシンの時刻が間違っているとどうしようもないんですが。。。)

Yusura
質問者

お礼

 回答ありがとうございました。  うーん、やっぱり残念ながら、丁寧にすべて教えていただいたのに、実際に貼り付けてみるとなんかアンケート入力フォームみたいになってしまいました(涙)。  何がいけなかったというのでしょう・・。  でも、タグも教えていただいたおかげでひとつとってもいろんな方法があるんだとわかりました。だから「プログラム言語」っていうんでしょうか?  今回教えていただいた方法は私には高度すぎましたけど、(まあ、数ヶ月前に「JavaScriptって何でしょう?」なんて質問をした私にしてみればそれを自分のHPい反映させようとまで思い出したのはずいぶんな進歩なのですが!)回答いただけてよかったです。  ま、今回は他人のふんどしで相撲を取るなってことで!教訓を得たと思います。ありがとうございました。

関連するQ&A

  • 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で任意の曜日に日をプラス

    javascriptで任意の曜日に日をプラスさせたいです。 ●外部 //日付取得 var nweek = new Array("日","月","火","水","木","金","土"); var now = new Date(); var nYear = now.getFullYear(); var nMonth = now.getMonth() + 1; var nDate = now.getDate(); var nweekjp = now.getDay(); //配送日計算 var now = new Date(); now.setDate(nDate+7); var yYear = now.getFullYear(); var yMonth = now.getMonth() + 1 ; var yDate = now.getDate(); var yweekjp = now.getDay(); ●実行タグ <script type="text/javascript">document.write(""+yYear+"/"+yMonth+"/"+yDate+" ");</script><script type="text/javascript">document.write(""+nweek[yweekjp]+"曜日 ");</script> で、配送までの日付を取得させているのですが、 土日の配送が月曜日になるため、土曜日の場合は、日付を2日追加、日曜日の場合は、1日追加としたいのですが、どうすればいいでしょうか。 調べても日付取得方法ばかりで、困っています。 ご存知でしたら教えて下さい。 お願いします。

  • 「誕生日まであと○日です」

    <html> <head> <title>test</title> </head> <body> <SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> <!-- var weeks = new Array('日','月','火','水','木','金','土'); var now = new Date(); var year = now.getYear(); // 年 var month = now.getMonth() + 1; // 月 var day = now.getDate(); // 日 var week = weeks[ now.getDay() ]; // 曜日 var hour = now.getHours(); // 時 var min = now.getMinutes(); // 分 var sec = now.getSeconds(); // 秒 if(year < 2000) { year += 1900; } // 数値が1桁の場合、頭に0を付けて2桁で表示する指定 if(month < 10) { month = "0" + month; } if(day < 10) { day = "0" + day; } if(hour < 10) { hour = "0" + hour; } if(min < 10) { min = "0" + min; } if(sec < 10) { sec = "0" + sec; } document.write('今日:' + year + '年' + month + '月' + day + '日'); // --> </SCRIPT> </body> </html> これで今日の日付けは表示できたのですが 誕生日が7/31なのですが document.writeで 「誕生日まであと○日です」 と表示するにはどうすれば良いでしょうか?

    • ベストアンサー
    • HTML
  • JS 日付表示

    JavaScript for文の日付表示について JavaScriptでfor文で日付表示したい場合、月末の最終日を取得するだけでは月の切り替えができないのでしょうか? 今日から一週間後までを表示するアプリを作りたいのですが1/31を過ぎると2/1にならず1/32と表示されてしまいます。 何か間違っている所ありますでしょうか? 以下ソースコード <script type="text/javascript"><!-- var now = new Date(); var y = now.getFullYear(); var m = now.getMonth() + 1; var d = now.getDate(); console.log(now); // Thu Jan 30 2014 00:00:00 GMT+0900 (東京 (標準時)) console.log(new Date(now.getFullYear(), now.getMonth() + 1, 0)); // Fri Jan 31 2014 00:00:00 GMT+0900 (東京 (標準時)) for(i=0;i<100;i++){ document.write(y + "/" + m + "/" + (d + i).toString() + "<br>"); } // --></script> <body> </body>

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

    こんばんは。 「次の誕生日まであと○日」というカウントダウンを自動で表示したくて 検索してみたところ,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
  • アクセスカウンター再読み込みについて

    最近自分のHPを作りました。 CGIが使えない為、プロバイダーが提供しているカウンターを設置しました。 しかし更新(F5)をするたびにカウンターがどんどんカウントアップされて しまいます。 プロバイダーに問い合わせても「気になるようでしたら、手動で戻してください」 との事でした。 友人にその事を話したところ「更新してもカウントアップしないようにするタグ かJavaScriptがある」という事を聞きました。 しかしやり方までは知りませんでした。 どなたか更新してもアクセスカウンターがカウントアップしないいい方法 知らないでしょうか? ちなみに他で提供している無料カウンターを使う事は特に考えていません。

    • ベストアンサー
    • HTML
  • 最終更新日なんですが

    <script language="JavaScript"> <!-- now = new Date(document.lastModified); document.write("最終更新日 ",now.getFullYear(),"年",now.getMonth()+1,"月",now.getDate(),"日",now.getHours(),"時",now.getMinutes(),"分"); //--> </script> この設定にした場合、トップページへ訪れた段階の 最終更新日が表示されるため、言わば日付けを表す カレンダーの様な状態です。 こちらが更新した際に切り替わるような最終更新日設定方法は、ありませんか 有りましたら上記の様なタグもしくわ参考URLなどを 載せてもらえると助かります。 宜しくお願い致します。

  • カウントダウンとカウントアップについて

    JavaScriptで「○○は生後△△日になりました。あと××日で1歳になります。」というようにカウントダウンとカウントアップを設置したいと思っています。 例えば、2003年2月1日生まれの場合は カウントアップは var xxday = new Date(2003, 2-1, 2); カウントダウンは var xday = new Date(2004, 2-1, 1); でいいのでしょうか??

  • 開く日によってページ内の各アンカーに移動させる方法

    質問立て失礼します。 JavaScript に手を出し始めたばかりなので至らない点があると思いますがよろしくお願いします。 function link() {location.href='○○.html';} の「○○」の部分に javaScript で取得した値を入れることは可能でしょうか? 例えば var day = now.getDate(); で取得した day データを「○○」部分に挿入し、11月1日にそのページを開くと 1.html のページに。 11月2日に開くと 2.html に飛ぶようにはできますでしょうか? 見当違いの質問をしていましたら申し訳ございません。 よろしくお願いいたします。

  • カウントダウンのタグ

    おバカな質問でごめんなさいです(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>

    • ベストアンサー
    • HTML