- ベストアンサー
カウントダウンとカウントアップについて
JavaScriptで「○○は生後△△日になりました。あと××日で１歳になります。」というようにカウントダウンとカウントアップを設置したいと思っています。 例えば、2003年２月１日生まれの場合は カウントアップは var xxday = new Date(2003, 2-1, 2); カウントダウンは var xday = new Date(2004, 2-1, 1); でいいのでしょうか？？
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
質問の意図するところが少々読めない部分があるのですが、xxdayというDateオブジェクトに生まれた日、xdayというDateオブジェクトに1歳の誕生日を入れるのであれば、質問文の通りで良いのではないかと思います。 x=new Date(yyyy, mm, dd) という形でxをDateオブジェクトとして定義すると、xはyyyy年mm月dd日という日付を持つことになります。 ただし、月の表記は0を初期値とする連番となり、1月は0に相当するので、日本式の月の表記からは1を引く必要があります(2月なら"2-1")。 とりあえず、下記に質問文のソースをそのまま作ってみました。 xxdayをbirthday、xxdayをxdayという名前に書き換えて作成し、また生後の経過日数をsncdays、1歳の誕生日までの残り日数をtilxdayという変数で定義しています。 こちらで確認してみて下さい。 <html> <head> <script type="text/javascript"><!-- today= new Date(); birthday= new Date(2003,2-1,1); xday= new Date(2004,2-1,1); sncdays= Math.floor((today.getTime()-birthday.getTime())/(24*60*60*1000)); tilxday= Math.ceil((xday.getTime()-today.getTime())/(24*60*60*1000)); //--></script> </head> <body> <script type="text/javascript"><!-- document.write("○○は生後"+sncdays+"日になりました。あと"+tilxday+"日で1歳になります。") //--></script> </body> </html> 参考まで。
その他の回答 (1)
- mi-si
- ベストアンサー率35% (200/567)
<script LANGUAGE="JavaScript"> var now = new Date(); var xday = new Date(2004,2-1,1); var xxday = new Date(2003,2-1,1); s = Math.floor((now.getTime() - xxday.getTime()) / (24*60*60*1000)); t = Math.ceil((xday.getTime() - now.getTime()) / (24*60*60*1000)); document.writeln("○○は、生まれてから" + s + "日になります。後"+ t +"日で１歳になります<BR>"); </SCRIPT> これで良いと思うのですが？きっちり検算してません。
お礼
ありがとうございました。 確認してみたところ、私が設定したものと同じカウントが出てきたのであっていたようです。
関連するQ&A
- カウントダウンを何個も表示したいのですが・・・
こんばんは。 「次の誕生日まであと○日」というカウントダウンを自動で表示したくて 検索してみたところ，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
- 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
- 日付が変わるとカウントアップ
普段は日付の表示はこちらでまかなっていますが $date =date(d); この場合月が変わると値が0に戻ってしまいます。 PHPスクリプトを設置した日を基準にして 月が変わろうと年が変わろうと 必ず１ずつカウントアップする値を作るにはどうすれば良いでしょうか?
- ベストアンサー
- PHP
- カウントダウンタイマー 終了後別ページジャンプ
はじめてで 勉強中でカウントダウンタイマーをJavaScriptだけで作ってみました。 <script> window.onload=function countDown(){ setInterval(function countDown(){ //自分で記述する y = 2022;//年 m = 2;//月 d = 13;//日 xday = new Date(y,m-1,d,00,00,00); today = new Date(); setTime = xday.getTime() - today.getTime(); //ミリ秒を日時に変換 days = Math.floor(setTime / 86400000); jikan = Math.floor((setTime % 86400000) / 3600000); hunn = Math.floor(((setTime % 86400000) / 60000) % 60); byou = Math.floor(((setTime % 86400000) / 1000) % 60 % 60); miri = Math.floor((setTime % 86400000) % 60 % 60 % 100); //0-9には0を付け足す if(jikan<10){jikan = '0' + jikan;} if(hunn<10){hunn = '0' + hunn;} if(byou<10){byou = '0' + byou;} if(miri<10){miri = '0' + miri;} //出力 if(xday > today){ var str = "残りあと"+"<span>"+days+"</span>"+"日"+"と"+"<span>"+jikan+"</span>"+"："+"<span>"+hunn+"</span>"+"："+"<span>"+byou+"</span>"+"："+"<span>"+miri+"</span>"+"<br />"; document.getElementById("countDown").innerHTML=str; }else{ var str = "販売は終了致しました"; document.getElementById("countDown").innerHTML=str; window.location.href = 'https://www.yahoo.co.jp/'; } },10); } </script> カウント終了後には別ページに5秒後にジャンプさせたいです。 上記のコードをWPに実装してページを開いてみると、 カウントダウンは動きます。 ただ、終了後に別ページにジャンプしません。 カウント終了後、何回もリロードされて、やっとページがジャンプしたと思ったら「サーバーエラー」となり画面が真っ白になります。 window.location.href = 'https://www.yahoo.co.jp/'; ここの書き方が間違っている・・と思うのですが、どうすれば正常に動くのかがわかりません。 アドバイスをお願いできないでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- JavaScriptで年月日表示のカウントダウン・アップについて
こんばんは。 OKWave内をはじめ、色々と調べたりしたのですが、 分からなかった為、質問させて頂きます。 JavaScriptを用いて、年月日を表示させるカウントダウンと カウントアップを作りたいと思っています。 例えば、 123開催は2005年6月6日で、△年×月＊日経過しています。 456開催は2007年9月13日で、×月＊日経過しています。 789開催は2007年11月5日で、＊日経過しています。 ＠＠＠開催は2007年11月8日で、○○でした。（例：昨日でした。） ＃＃＃開催は2007年11月9日、○○です。（例：今日です。） ABC開催は2007年11月10日で、○○です。（例：明日です。） DEF開催は2007年11月20日で、あと＊日です。 GHI開催は2008年1月15日で、あと×月＊日です。 JKL開催は20009年2月5日で、あと△年×月＊日です。 の様な年月日表示ができ、当日を含め一日前後は言葉で表示する。 といった感じでの、カウントダウン及びカウントアップは、 JavaScriptで作る事は可能でしょうか？ どの様なJavaScript構文になるのか分からず、 よくあるカウントダウン等のJavaScriptで試行錯誤しているのですが、 JavaScriptの組み方が分からなくなりまして。 何方様か、アドバイスやご指摘等、宜しくお願い致します。
- 締切済み
- JavaScript
- ○歳△ヶ月と×日を計算してくれるJavaScriptを教えてください。
今は「生後○日になりました」というカウントアップのJavaScriptを使用しています。１歳の誕生日を迎たので「○歳△ヶ月と×日になりました」というものに変えたいと思っています。 いくつかのJavaScriptのサイトを探してみましたが、今使用しているカウントアップは見つかりますが、今回変えたいと思っているものが見当たりません。 「○歳△ヶ月と×日になりました」というJavaScriptのソースを教えてください。 子供は2003年３月１日生まれです。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- このjavascriptコードを短くできませんか？
javascript初心者です。 どなたか下記のコードを短くしていただけないでしょうか？ 変数1～変数12まであるので、それぞれコードを書いたら長くなってしまいました。 このままでもうまく動いてはいるのですが、もし短くできるならしたいなと思いまして。 よろしくお願いいたします。 <script type="text/javascript"> <!-- //基準になる日を設定 inputDay1 = "変数1"; //指定日を変数に var hairetu = inputDay1.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday1 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay2 = "変数2"; //指定日を変数に var hairetu = inputDay2.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday2 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay3 = "変数3"; //指定日を変数に var hairetu = inputDay3.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday3 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay4 = "変数4"; //指定日を変数に var hairetu = inputDay4.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday4 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay5 = "変数5"; //指定日を変数に var hairetu = inputDay5.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday5 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay6 = "変数6"; //指定日を変数に var hairetu = inputDay6.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday6 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay7 = "変数7"; //指定日を変数に var hairetu = inputDay7.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday7 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay8 = "変数8"; //指定日を変数に var hairetu = inputDay8.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday8 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay9 = "変数9"; //指定日を変数に var hairetu = inputDay9.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday9 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay10 = "変数10"; //指定日を変数に var hairetu = inputDay10.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday10 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay11 = "変数11"; //指定日を変数に var hairetu = inputDay11.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday11 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); inputDay12 = "変数12"; //指定日を変数に var hairetu = inputDay12.split("/"); var nowday = new Date(); //今日の日付 var xday = new Date(hairetu[0],hairetu[1] - 1,hairetu[2]);//基準になる日 var countday12 = Math.ceil((xday.getTime() - nowday.getTime()) / (1000 * 60 * 60 * 24)); if (countday1 < 0)document.write("111"); if (countday2 < 0)document.write("222"); if (countday3 < 0)document.write("333"); if (countday4 < 0)document.write("444"); if (countday5 < 0)document.write("555"); if (countday6 < 0)document.write("666"); if (countday7 < 0)document.write("777"); if (countday8 < 0)document.write("888"); if (countday9 < 0)document.write("999"); if (countday10 < 0)document.write("101010"); if (countday11 < 0)document.write("111111"); if (countday12 < 0)document.write("121212"); --> </script>
- 締切済み
- JavaScript
- javascriptによるカウントダウンタイマー制作
只今、javascriptでカウントダウンタイマーを制作しています。 ボタンをクリックすると動いているカウントダウンタイマーに１０秒追加するようにしたいのですが、いろいろためしてみたのですがうまくいきません。散々悩んでいるうちに２日もたってしまいました。 御存じの方、いらっしゃいましたらどうか教えていただけませんでしょうか？ <script type="text/javascript"> <!-- if (window.attachEvent){ window.attachEvent('onload', showday); }else { window.addEventListener('load', showday , false); } function settime1(){ var year =2011; //年 var mon =4; //月 var day =2; //日 var time =20; //時 var min = 20; //分 var sec = 15; //秒 var xday = new Date(year,mon-1,day,time,min,sec); //基準になる年月日 return xday; } function showday() { var nowday = new Date(); var xday = new settime1(); var passtime= xday.getTime()-nowday.getTime(); //今から基準になる日までの経過時間 1/1000秒単位 var cnt_day = Math.floor(passtime/(1000*60*60*24)); // カウントダウン表示 (日にち) の取得 passtime = passtime -(cnt_day*(1000*60*60*24)); // 経過秒から(日にち)を引く var cnt_hour = Math.floor(passtime/(1000*60*60));// カウントダウン表示 (時) の取得 passtime = passtime -(cnt_hour*(1000*60*60)); // 経過秒から(時)を引く var cnt_min = Math.floor(passtime/(1000*60)); // カウントダウン表示 (分) 取得 passtime = passtime -(cnt_min*(1000*60));// 経過秒から(分)を引く cnt_sec = Math.floor(passtime/1000);// カウントダウン表示 (秒) 取得 passtime = passtime -(cnt_sec*(1000)); // 経過秒から(秒)を引く var cnt_millisec = Math.floor(passtime/10); // カウントダウン表示 (100/1秒) 取得 // 分、秒、ミリ秒を２桁で表示する。 if(cnt_min<10){cnt_min = '0' + cnt_min;} if(cnt_sec<10){cnt_sec = '0' + cnt_sec;} if(cnt_millisec<10){cnt_millisec = '0' + cnt_millisec;} if((xday - nowday) > 0){ document.tbox.dspday.value = cnt_hour+":"+cnt_min+":"+cnt_sec; }else { document.tbox.dspday.value = "終了" } timerID = setTimeout('showday()', 1000); } </script> </head> <body> <form name="tbox" action="#"> <input name="dspday" id="dspday" type="text" style="position:absolute; top:475px;left:55px; font-size : 25px; z-index:3; color:navy; background:transparent; border-width : 0px ;border-style : solid;font-weight :bold ;" size="45" /> <input name="dspdaybtn" type="button" onClick="" value="１０秒追加" style="position:absolute; top:510px; left:70px; z-index:4;"/> </form>
- ベストアンサー
- JavaScript
- javascriptにおける指定日時までのカウントダウン
いろいろなサイトを見回りながら「指定日までの残り日数と時間を表示する」のをjavascriptで動かしたいのですがリアルタイムに秒が進んでくれません。知識のある方はどうか間違えてる点のご教授お願いします。 <html> <head> <title>指定日までの残り日数と時間を表示する</title> </head> <body> <script language="JavaScript"><!-- function xDay(y,m,d,hh,mm,ss){ today = new Date(); xday = new Date(y,m-1,d,hh,mm,ss); dayMS = (24*60*60*1000,60*60*1000); days = Math.floor((xday.getTime()-today.getTime())/(24*60*60*1000)); hours = Math.floor(((xday.getTime()-today.getTime())%(24*60*60*1000))/(60*60*1000)); minutes = Math.floor((((xday.getTime()-today.getTime())%(24*60*60*1000))/(60*1000))%60); seconds = Math.floor((((xday.getTime()-today.getTime())%(24*60*60*1000))/1000)%60%60); myDisp=""; if (days != 0)myDisp+=days+"日と "; if (hours != 0)myDisp+=hours+"時間 "; if (minutes != 0)myDisp+=minutes+"分 "; myDisp+=seconds+"秒"; document.myForm.myFormDate.value = myDisp; setTimeout("xday()",1000); } // --></script> <form name="myForm"> <input type="text" size="35" name="myFormDate"> <script language="JavaScript"><!-- xday(); // --></script> </form> <script language="JavaScript"><!-- xDay(2008,9,13,15,00,00); // --></script> </body> </html>
- 締切済み
- JavaScript
- カウントダウンのタグ
おバカな質問でごめんなさいです(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
お礼
ありがとうございました。 同じように表示されるJavaでもいろいろなソースがあることをはじめて知りました。今はソースをダウンロードしているだけですが、勉強してみたら楽しそうですね。