カウントダウンバーの設置ができない理由と解決方法
- カウントダウンバーを設置しているにもかかわらず表示されない場合、以下の原因が考えられます。
- 1. スクリプトの設定に問題がある可能性があります。指定した日時が正しく設定されているか確認してください。
- 2. スクリプトの実行タイミングが適切でない可能性があります。スクリプトが正しく呼び出されているか確認してください。
- ベストアンサー
カウントダウンが設置できないです。
カウントダウンバーをおきたいのですが、設置しているのに表示されません。なぜでしょうか？ソースは以下なんですけど・・・ <script type="text/javascript"> <!-- //new Date(年,月-1,日,時,分,秒) // ↓を希望の時刻に修正して下さい millenium = new Date(2009,5,13,0,0,0) function display() { today = new Date() myMsec= millenium.getTime()-today.getTime(); time0 = Math.floor(myMsec/(1000*60*60*24));// カウントダウン用'日' myMsec -= (time0*(1000*60*60*24)); // 経過秒から'時'を引く time1 = Math.floor(myMsec/(1000*60*60));// カウントダウン用 '時' myMsec -= (time1*(1000*60*60)); // 経過秒から'時'を引く time2 = Math.floor(myMsec/(1000*60)); // カウントダウン用 '分' myMsec -= (time2*(1000*60));// 経過秒から'分'を引く time3 = Math.floor(myMsec/1000);// カウントダウン用 '秒' myMsec -= (time3*(1000)); // 経過秒から'秒'を引く time4 = Math.floor(myMsec/10);// カウントダウン用 '少数秒' for(i=0;i<2;i++){ time2 = '' + '0' + time2; } for(i=0;i<2;i++){ time3 = '' + '0' + time3; } for(i=0;i<2;i++){ time4 = '' + '0' + time4; } time2 = time2.substring(time2.length - 2,time2.length); time3 = time3.substring(time3.length - 2,time3.length); time4 = time4.substring(time4.length - 2,time4.length); if((millenium - today) > 0){ document.f.days.value = "●●まで、あと"+time0+"日と"+time1+"時間、"+time2+"分"+time3+"秒"+time4+"です。" }else{ document.f.days.value = "指定日以降に表示するコメント" } tid = setTimeout('display()', 10) } display() // --> </SCRIPT> わかるかたいらっしゃいますか？お願いします。
- prespo
- お礼率23% (8/34)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
これが無いとか？ <form name="f"> <input type="text" name="days" size="50"> </form> sizeが小さくて末尾の文字の更新が見えないとか？ <script>～</script> が<head>の中にあるとか？ （</body>の直前にそれを置く） もしくは、 display() を window.onload = display; にするとか？ もしくは、上記を window./*@cc_on @if(1)attachEvent('on'+ @else@*/addEventListener(/*@end@*/'load', display, false); にするとか・・・・。
関連するQ&A
- カウントダウンタイマー
カウントダウンタイマーをJavascriptでもって設置したのですが表示される度に定時からスタートする場合はどうやればよいのでしょうか？つまり仮に4月1日を締め切りにしてそれをすぎたら終了ではなく、常に後3日までや5日までのカウントダウンをしたいのです。言葉足らずな初心者で申し訳ないのですがよろしくお願い致します。以下現在使用のscriptです。 <SCRIPT language=JavaScript> <!-- millenium = new Date(2007,3,31,23,59,00) function display() { today = new Date() myMsec= millenium.getTime()-today.getTime(); time0 = Math.floor(myMsec/(1000*60*60*24));// カウントダウン用'日' 取得 myMsec -= (time0*(1000*60*60*24)); // 経過秒から'時'を引く time1 = Math.floor(myMsec/(1000*60*60));// カウントダウン用 '時' 取得 myMsec -= (time1*(1000*60*60)); // 経過秒から'時'を引く time2 = Math.floor(myMsec/(1000*60)); // カウントダウン用 '分' 取得 myMsec -= (time2*(1000*60));// 経過秒から'分'を引く time3 = Math.floor(myMsec/1000);// カウントダウン用 '秒' 取得 myMsec -= (time3*(1000)); // 経過秒から'秒'を引く time4 = Math.floor(myMsec/10);// カウントダウン用 '少数秒' 取得 for(i=0;i<2;i++){ time2 = '' + '0' + time2; } for(i=0;i<2;i++){ time3 = '' + '0' + time3; } for(i=0;i<2;i++){ time4 = '' + '0' + time4; } time2 = time2.substring(time2.length - 2,time2.length); time3 = time3.substring(time3.length - 2,time3.length); time4 = time4.substring(time4.length - 2,time4.length); time0 = time0 - 31; if((millenium - today) > 0){ document.f.days.value = "締め切りまで"+time0+"日と"+time1+":"+time2+":"+time3+"."+time4+"です" }else{ document.f.days.value = "受け付けは終了しました" } tid = setTimeout('display()', 10) } display() // --> </SCRIPT>
- ベストアンサー
- JavaScript
- 【急ぎ】Ｊａｖａｓｃｒｉｐｔ ブラウザでセキュリティの警告メッセージを出さないようにするには？
急ぎの質問です。 的確なご回答にはたくさんポイントをつけさせていただきますので、 どうぞよろしくお願いします。 以下のスクリプトをホームページに設置したのですが、 インターネットエクスプローラで 「セキュリティの警告」というのが出てしまい、 「許可する」を選ばないとスクリプトが動作しません。 「セキュリティの警告」を出さずにページを開いただけで 動作させる方法はありますか？あればお教えください。 ================ <FORM name=f target=_blank> <INPUT style=" BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; COLOR: #FF3300; FONT-SIZE: 27px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center" size=30 name=days > </FORM> <SCRIPT language=JavaScript> <!-- millenium = new Date(2008,11,15,23,59,00) function display() { today = new Date() myMsec= millenium.getTime()-today.getTime(); time0 = Math.floor(myMsec/(1000*60*60*24));// カウントダウン用'日' 取得 myMsec -= (time0*(1000*60*60*24)); // 経過秒から'時'を引く time1 = Math.floor(myMsec/(1000*60*60));// カウントダウン用 '時' 取得 myMsec -= (time1*(1000*60*60)); // 経過秒から'時'を引く time2 = Math.floor(myMsec/(1000*60)); // カウントダウン用 '分' 取得 myMsec -= (time2*(1000*60));// 経過秒から'分'を引く time3 = Math.floor(myMsec/1000);// カウントダウン用 '秒' 取得 myMsec -= (time3*(1000)); // 経過秒から'秒'を引く time4 = Math.floor(myMsec/10);// カウントダウン用 '少数秒' 取得 for(i=0;i<2;i++){ time2 = '' + '0' + time2; } for(i=0;i<2;i++){ time3 = '' + '0' + time3; } for(i=0;i<2;i++){ time4 = '' + '0' + time4; } time2 = time2.substring(time2.length - 2,time2.length); time3 = time3.substring(time3.length - 2,time3.length); time4 = time4.substring(time4.length - 2,time4.length); time0 = time0 - 31; if((millenium - today) > 0){ document.f.days.value = "受付終了まであと"+time0+"日と"+time1+":"+time2+":"+time3+"."+time4+"です" }else{ document.f.days.value = "受け付けは終了しました" } tid = setTimeout('display()', 10) } display() // --> </SCRIPT> ================
- ベストアンサー
- その他（インターネット・Webサービス）
- FLASHのアクションスクリプト2.0でカウントダウンタイマーを作る方法
flashを勉強している者ですが FLASHのアクションスクリプト2.0 或いは3.0カウントダウンの作り方をご存知の方が おりましたらご教授願います。 例えば、現在が2009年11月10日の場合 12月20日までの残りの日数を 「あと〇〇日〇〇時間〇〇秒〇〇小数点の秒」 という風に表示させる方法になります。 過去の質問ログを参照して下記のスクリプトを書いたのですが ドラえもん誕生まで、あとＮａＮ日ＮａＮ時間ＮａＮ分ＮａＮ秒と表示されました。 また、 ＞＞target_date = new Date(2009,12,3)←これを現在より過去にすると 正常に”ドラえもんの時代は終了しました”と表示されます。 stop(); target_date = new Date(2009,12,3) function display() { today = new Date() days = Math.floor((millenium-today)/(24*60*60*1000)) time1 = Math.floor(((millenium-today)%(24*60*60*1000))/(60*60*1000)) time2 = Math.floor(((millenium-today)%(24*60*60*1000))/(60*1000))%60 time3 = Math.floor(((millenium-today)%(24*60*60*1000))/1000)%60%60 if(today < target_date ){ countdown_txt.text = "ドラえもん誕生まで、あと"+days+"日"+time1+"時間"+time2+"分"+time3+"秒"} else if (today > target_date && today < target_date + (24*60*60*1000)) {countdown_txt.text = "ドラえもん完成！！" }else {countdown_txt.text = "ドラえもんの時代は終了しました…" }tid = setTimeout(this, 'display', 1000) }display();
- 締切済み
- Flash
- 指定日時までのカウントダウン
指定日時までのカウントダウンで、数字を画像で表示させたモノを作りたいのですが、 いろんなサンプル等を見ながら作ってみたものの、うまくいきません。。。 アドバイスをお願い致します。 <html> <head> <title>指定日までの残り日数+時間を画像で表示する</title> <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); if (seconds<10) { seconds = "0"+seconds; } if (minutes<10) { minutes = "0"+minutes; } if (hours<10) { hours = "0"+hours; } days += ""; for (i=0; i<days.length; i++) document.write("<img src='clock/"+days.charAt(i)+".gif'>"); hours += ""; for (i=0; i<hours.length; i++) document.write("<img src='clock/"+hours.charAt(i)+".gif'>"); minutes += ""; for (i=0; i<minutes.length; i++) document.write("<img src='clock/"+minutes.charAt(i)+".gif'>"); seconds += ""; for (i=0; i<seconds.length; i++) document.write("<img src='clock/"+seconds.charAt(i)+".gif'>"); } // --></script> </head> <body> <script language="JavaScript"><!-- xDay(2008,4,21,12,00,00); // --></script> </body> </html>
- ベストアンサー
- JavaScript
- カウントダウン後にページ移動するスクリプト
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1161570076 ここを参考に作ってみているのですが、 何度やってもカウントダウンが表示されません。 ●以下抜粋 ・・・（※文字数制限オーバーになるため省略。この間は[補足]のURLにあるHTML のソースに埋め込まれているJavascriptと全く同じです。コピペして下さい）・・・ 補足のURL：http://countdown.reportitle.com/ これはどのJavascriptを指しているのでしょうか？ 単純に function display(){ today = new Date(); myMsec= millenium.getTime()-today.getTime(); time0 = Math.floor(myMsec/(1000*60*60*24)); myMsec -= (time0*(1000*60*60*24)); time1 = Math.floor(myMsec/(1000*60*60)); myMsec -= (time1*(1000*60*60)); time2 = Math.floor(myMsec/(1000*60)); myMsec -= (time2*(1000*60)); time3 = Math.floor(myMsec/1000); myMsec -= (time3*(1000)); time4 = Math.floor(myMsec/10); var time_0 = time0; if(convert==1){ time1 = time0*24+time1; time_0 = ""; cnt1 = ""; }else if(convert==2){ time2 = (time0*24+time1)*60+time2; time_0 = time1 = ""; cnt1 = cnt2 = ""; }else if(convert==3){ time3 = ((time0*24+time1)*60+time2)*60+time3; time_0 = time1 = time2 = ""; cnt1 = cnt2 = cnt3 = ""; } if(centi==2){ time1 = time2 = time3 = time4 = ""; cnt2 = cnt3 = cnt4 = ""; }else if(centi==3){ time2 = time3 = time4 = ""; cnt3 = cnt4 = ""; }else if(centi==4){ time3 = time4 = ""; cnt4 = ""; }else if(centi==5 || !centi){ time4 = ""; } time1 = convertNum(time1,2); time2 = convertNum(time2,2); time3 = convertNum(time3,2); time4 = convertNum(time4,2); myMsec= today.getTime()-millenium.getTime(); time00 = Math.floor(myMsec/(1000*60*60*24)); myMsec -= (time00*(1000*60*60*24)); time01 = Math.floor(myMsec/(1000*60*60)); myMsec -= (time01*(1000*60*60)); time02 = Math.floor(myMsec/(1000*60)); myMsec -= (time02*(1000*60)); time03 = Math.floor(myMsec/1000); myMsec -= (time03*(1000)); time04 = Math.floor(myMsec/10); if(convert==1){ time01 = time00*24-time01; time00 = ""; }else if(convert==2){ time02 = (time00*24+time01)*60+time02; time00 = time01 = ""; }else if(convert==3){ time03 = ((time00*24+time01)*60+time02)*60+time03; time00 = time01 = time02 = ""; } if(centi==2){ time01 = time02 = time03 = time04 = ""; }else if(centi==3){ time02 = time03 = time04 = ""; }else if(centi==4){ time03 = time04 = ""; }else if(centi==5 || !centi){ time04 = ""; } time01 = convertNum(time01,2); time02 = convertNum(time02,2); time03 = convertNum(time03,2); time04 = convertNum(time04,2); までを追加してみましたが、動かないので、 リンクのJSを追加してみたりしましたが、だめでした。
- ベストアンサー
- JavaScript
- javascript カウントダウンについて
下記のようなjavascript でカウントダウンをしています。 ですが、指定日を過ぎると、00 表示になってしまいます。 これを指定日の指定時間を過ぎたら、-- という表示に変更し、 また、bodyないのタグにidを使って「指定日を過ぎました。」という 表示を出したいのですが、ご教授ねがいます。 <script language="javascript"> <!-- function countdown(year, month, day, hour, minute) { Today = new Date(); Todays_Year = Today.getFullYear() - 2000; Todays_Month = Today.getMonth() + 1; Todays_Day = Today.getDate(); Todays_Hour = Today.getHours(); Todays_Date = (new Date(Todays_Year, Todays_Month, Todays_Day, Todays_Hour, Today.getMinutes(), Today.getSeconds())).getTime(); Target_Date = (new Date(year, month, day, hour, minute, 00)).getTime(); Time_Left = Math.round((Target_Date - Todays_Date) / 1000); if(Time_Left < 0) Time_Left = 0; days = Math.floor(Time_Left / (60 * 60 * 24)); Time_Left %= (60 * 60 * 24); hours = Math.floor(Time_Left / (60 * 60)); Time_Left %= (60 * 60); minutes = Math.floor(Time_Left / 60); Time_Left %= 60; seconds = Time_Left; cDay = document.getElementById("counter_day"); cHour = document.getElementById("counter_hour"); cMin = document.getElementById("counter_min"); cSec = document.getElementById("counter_sec"); cDay.innerHTML = GetFormated(days); cHour.innerHTML = GetFormated(hours); cMin.innerHTML = GetFormated(minutes); cSec.innerHTML = GetFormated(seconds); //Recursive call, keeps the clock ticking. setTimeout('countdown(' + year + ',' + month + ',' + day + ',' + hour + ',' + minute + ');', 1000); } function GetFormated(i) { if(i<10) { return "0"+i; } return i; } //--> </script> </head> <body> <span id="counter_day"></span> <span id="counter_hour"></span> <span id="counter_min"></span> <span id="counter_sec"></span> <script language="JavaScript"> <!-- countdown('07,11,05,21,00'); //-->
- 締切済み
- JavaScript
- 日数カウントダウンが、ブラウザによって文字化けする。
日数カウントダウンが、ブラウザによって文字化けする。 以下のように、日数のカウントダウンを表示しているのですが、 IEでは正常に表示されるのですが、 safari、firefoxでは、文字化け（数桁の数字が表示）します。 （その他のブラウザは未確認です。） ↓(日数カウントダウンのソース)================================= <script language="JavaScript"> <!-- today=new Date() next_date=new Date(2011, 1, 1); //2011/1/1までの日数を表示。 last=Math.floor((next_date.getTime()-today.getTime())/(24*60*60*1000))+1; document.write("あと",Math.floor(last),"日"); // --> </script> ↑(日数カウントダウンのソース)================================= ブラウザの設定も確認したのですが、原因がわかりませんでした。 ご存知の方、ご教授願います。よろしくお願いします。
- ベストアンサー
- 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
- javascriptでカウントダウンタイマー
お世話になります。 JavaScriptでカウントダウンをWEBに表示させたいと思っています。 WEBで見つけた3種類を試してみました。 下記、例A 締め切りを1カ月後に指定 <!-- the_day = new Date(2008,11,8) function countdown() { today = new Date() days = Math.floor((the_day-today)/(24*60*60*1000)) hours = Math.floor(((the_day-today)%(24*60*60*1000))/(60*60*1000)) minutes = Math.floor(((the_day-today)%(24*60*60*1000))/(60*1000))%60 seconds = Math.floor(((the_day-today)%(24*60*60*1000))/1000)%60%60 if((the_day - today) > 0){ document.f.days.value = days+"日"+"と"+hours+"時間"+minutes+"分"+seconds+"秒" }else{ document.f.days.value = "締め切りました" } tid = setTimeout('countdown()', 1000) } // --> <body> <FORM NAME=f> <INPUT TYPE=text SIZE=45 NAME=days> </FORM> <SCRIPT Language="JavaScript"> countdown(); </SCRIPT> </body> 以上 ブラウザでの表示「60日と5時間50分18秒」 残り、30日と表示されるべきところが、60日と表示されます。 PCの日付は合ってますし、他の者の環境でも同じ日にちでした。 そこで質問です。 １）試した3種類とも同様の日にちになりました。ということは間違いではなく、何か理由があるのですよね？ ２）<days>を、（-30）にすれば数字的には合うのですが、問題ないでしょうか？ days = Math.floor((the_day-today)/(24*60*60*1000))-30 ３）「22時締め切り」にしたいのですが、時間の指定は出来ないでしょうか？ 初歩以前の質問で申し訳ありませんが、正しい書き方を教えていただければ、嬉しいです。 どうぞよろしくお願い致します。
- ベストアンサー
- JavaScript
- カウントダウンタイマー 終了後別ページジャンプ
はじめてで 勉強中でカウントダウンタイマーを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
