• 締切済み

JavaScriptで時間を減らしていくには?

残り時間を秒単位で表示したいのですが、どのようにすればよいでしょうか?ご教授下さい。よろしくお願い致します。

みんなの回答

回答No.2

参考URLのソースから抜粋 millenium = new Date(2007,9,21,24,00,00) ↑の日付を変えればいつまでのカウントダウンなのか変更できます <FORM name=f target=_blank> <H1 align=center><FONT color=#000000 size="6"><INPUT style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 25pt; BORDER-LEFT: #000000 1px solid; COLOR: #0000ff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center" size=42 value="" name=days></FONT></H1> </FORM> <SCRIPT language=JavaScript> <!-- millenium = new Date(2007,9,21,24,00,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); if((millenium - today) > 0){ document.f.days.value = "次の特典消滅まで残り "+time0+"日と"+time1+":"+time2+":"+time3+"."+time4+"です。" }else{ document.f.days.value = "" } tid = setTimeout('display()', 10) } display() // --> </SCRIPT>

ricesew
質問者

お礼

ありがとうございます! 無事設置することができました。 本当に助かりました! さすがという感じです。 本当に感謝感謝です。 ありがとうございました。

回答No.1

「●時間●分●秒」でなく「●●●●秒」でよろしいでしょうか? こちらのページが参考になれば…(リンク先のサンプルをご覧ください)

参考URL:
http://www.hajimeteno.ne.jp/dhtml/dist/js09.html
ricesew
質問者

お礼

ありがとうございます! http://expantion.upper.jp/infotop/index.html このような感じにしたいんです。 すいません、最初から参考URLつけとけばよかったですね。。。

関連するQ&A