この記事は、一般的なJSカウントダウンコードをまとめたものです。参照のためにそれを共有してください。特定の要約は次のとおりです。
最初のタイプ:秒に正確なJavaScriptカウントダウンコード
HTMLコード:
次のようにコードをコピーします。<form name = "form1">
<div align = "center" align = "center">
<center> 2010年にはまだあります:<br>
<入力型= "textarea" name = "left" size = "35" style = "text-align:center">
</center>
</div>
</form>
<スクリプト言語= "javascript">
startclock()
var timerid = null;
var timerrunning = false;
関数showtime(){
今日= new date();
var nowsour = today.gethours();
var nowminute = today.getMinutes();
var nowmonth = today.getmonth();
var nowdate = today.getDate();
var nowyear = today.getyear();
var nowsecond = today.getSeconds();
if(nowyear <2000)
nowyear = 1900+nowyear;
今日= null;
hourleft = 23 -nowhour
Minuteleft = 59 -Nowminute
secondleft = 59 -nowsecond
YearLeft = 2009- Nowyear
MonthLeft = 12 -Nowmonth -1
dateleft = 31 -nowdate
if(secondleft <0)
{
secondleft = 60+secondleft;
minuteleft = minuteleft-1;
}
if(minuteleft <0)
{
minuteleft = 60+minuteleft;
hourleft = hourleft-1;
}
if(hourleft <0)
{
hourleft = 24+hourleft;
dateleft = dateleft-1;
}
if(dateleft <0)
{
dateleft = 31+dateleft;
MonthLeft = MonthLeft-1;
}
if(monthleft <0)
{
MonthLeft = 12+MonthLeft;
yearLeft = yearLeft-1;
}
temp = yearleft+'year、'+monthleft+'month、'+dateleft+'day、'+hourleft+'hour、'+minuteleft+'minute、'+secondleft+'second'
document.form1.left.value = temp;
TimerID = setimeout( "showtime()"、1000);
timerrunning = true;
}
var timerid = null;
var timerrunning = false;
関数stopclock(){
if(Timerrunning)
ClearTimeout(TimerID);
timerrunning = false;
}
function startclock(){
stopclock();
ショータイム();
}
//->
</script>
2番目のタイプ:特定のスポーツ会議
HTMLコード:
次のようにコードをコピーします
<スクリプト言語= "javascript">
<! -
関数digitaltime1()
{
VAR DEADLINE = NEW DATE( "08/13/2007")//カウントダウンを開く
var symbol = "8月13日"
var now = new date()
var diff = -480 -now.gettimezoneoffset()//は北京時間と現地時間の時差です
var reave =(deadline.gettime() - now.gettime()) + diff*60000
var day = math.floor(leave /(1000 * 60 * 60 * 24))
var hour = math.floor(leave /(1000 * 3600)) - (day * 24)
var minute = math.floor(leave /(1000 * 60)) - (day * 24 * 60) - (hour * 60)
var second = math.floor(leave /(1000)) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60)
var deadline_2 = new Date( "08/13/2004")//営業時間後
var symbol_2 = "8月13日"
var now_2 = new date()
var diff_2 = -480 -now.gettimezoneoffset()//は北京時間と現地時間の時差です
var reave_2 =(now_2.getTime() - deadline_2.getTime()) + diff_2*60000
var day_2 = math.floor(reave_2 /(1000 * 60 * 60 * 24))
var hour_2 = math.floor(reave_2 /(1000 * 3600)) - (day_2 * 24)
var minute_2 = math.floor(reave_2 /(1000 * 60)) - (day_2 * 24 * 60) - (hour_2 * 60) - (day_2 * 24 * 60)
var second_2 = math.floor(leave_2 /(1000)) - (day_2 * 24 * 60 * 60) - (hour_2 * 60 * 60) - (minute_2 * 60)
day = day+1;
day_2 = day_2+1;
if(day> 0)//まだ開いていない
{
//liveclock1.innerhtml = "now"+symbol+"day"
liveclock1.innerhtml = "<font
setimeout( "digitaltime1()"、1000)
}
if(day <0)//開いています
{
//liveclock1.innerhtml = "今はまだ「+day+" day+"day+" hour+"hour+" minute+"minute+" second+"second"
liveclock1.innerhtml = "<font
setimeout( "digitaltime1()"、1000)
}
if(day == 0)//開口部
{
//liveclock1.innerhtml = "now"+symbol+"day"
liveclock1.innerhtml = "<font
setimeout( "digitaltime1()"、1000)
}
if(day <0&day_2> 19)//スポーツ会議は終了します
{
//liveclock1.innerhtml = "今はまだ「+day+" day+"day+" hour+"hour+" minute+"minute+" second+"second"
liveclock1.innerhtml = "<font
setimeout( "digitaltime1()"、1000)
}
}
//->
</script>
<! - カウントダウンJavaScript End->
<body onload = digitaltime1()>
<div id = liveclock1> </div>
</body>
3番目のタイプ:時間カウントダウン
HTMLコード:
次のようにコードをコピーします:<スクリプト言語= "javascript">
<! -
var maxtime = 60*60 // 1時間、数秒で計算し、自分で調整してください!
function countdown(){
if(maxtime> = 0){
分= math.floor(maxtime/60);
秒= math.floor(maxtime`);
msg = "まだ" +分 + "minutes" + seconds + "seconds + 'secondsがあります。
document.all ["タイマー"]。innerhtml = msg;
if(maxtime == 5*60)alert( '残り5分があります!');
- マックスタイム;
}
それ以外{
ClearInterval(タイマー);
アラート( "時間が長く、終了!");
}
}
Timer = setInterval( "CountDown()"、1000);
//->
</script>
<div id = "タイマー" style = "color:red"> </div>
4番目のタイプ:最も単純なカウントダウン
HTMLコード:
次のようにコードをコピーします:<スクリプト言語= "javascript">
<! - begin
var timedate = new Date( "2006年1月14日");
var times = "大学院試験";
var now = new date();
var date = timedate.gettime() - now.gettime();
var time = math.floor(date /(1000 * 60 * 60 * 24));
if(time> = 0);
document.write( "<li> <font color =#dedbde> 2006年にまだ"+times+"があります:<font color =#fffffff> <b>"+"</b> </font> days </font> </li>");
//終了 - >
</script>
5番目のタイプ:最もシンプルなカウントダウン2
HTMLコード:
次のようにコードをコピーします
関数djs(){
var urodz = new Date( "11/12/2008");
var now = new date();
var num
var ile = urodz.gettime() - now.gettime();
var dni = math.floor(ile /(1000 * 60 * 60 * 24));
if(dni> 1)
num = dni+1
else if(dni == 1)num = 2
else if(dni == 0)num = 1
それ以外の場合はnum = 0
document.write(num)
}
</script>
特定の人の開会式の前にはまだあります[<スクリプト言語= "javascript" type = "text/javascript"> djs()</script>]
6番目:JavaScript Countdownタイマー - システム時間のセルフチェック
今回は、カウントダウンはシステム時間のセルフチェックによってチェックされ、カウントダウンをより正確にするための手動調整は必要ありません。コードと詳細なコメントは次のとおりです。
次のようにコードをコピーします
<input id = "startb" type = "button" value = "countdown!" onclick = "run()">
<入力id = "endb" type = "button" value = "stop countdown!" onclick = "stop()">
<br>
<input id = "diff" type = "text">
<input id = "next" type = "text">
<スクリプト言語= "javascript">
var normalelapse = 100;
var nextelapse = normalelapse;
varカウンター;
var Starttime;
var start = clock.innertext;
var finish = "00:00:00:00";
varタイマー= null;
//実行を開始します
function run(){
startb.disabled = true;
endb.disabled = false;
カウンター= 0;
//初期化開始時間
starttime = new date()。valueof();
// nextelapseはタイミング時間で、最初は100ミリ秒です
//注意してください。
Timer = window.setInterval( "ontimer()"、nextlapse);
}
//実行を停止します
関数stop(){
startb.disabled = false;
endb.disabled = true;
window.cleartimeout(タイマー);
}
window.onload = function(){
endb.disabled = true;
}
//カウントダウン関数
function ontimer()
{
if(start == finish)
{
Window.ClearInterval(タイマー);
alert( "time is up!");
戻る;
}
var hms = new String(start).split( ":");
var ms = new Number(HMS [3]);
var s = new Number(HMS [2]);
var m = new Number(HMS [1]);
var h = new Number(HMS [0]);
MS- = 10;
if(ms <0)
{
MS = 90;
S- = 1;
if(s <0)
{
S = 59;
m - = 1;
}
if(m <0)
{
m = 59;
h- = 1;
}
}
var ms = ms <10? ( "0" + ms):ms;
var ss = s <10? ( "0" + s):s;
var sm = m <10? ( "0" + m):m;
var sh = h <10? ( "0" + h):h;
start = sh + ":" + sm + ":" + ss + ":" + ms;
clock.innertext = start;
//最後のタイマーをクリアします
Window.ClearInterval(タイマー);
//セルフチェックシステムの時間差が取得されるため、次に開始される新しいタイマーの時間が次に取得されます
カウンター++;
var countersecs = counter * 100;
var elapsesecs = new date()。valueof() - starttime;
var diffsecs = countersecs -elapsesecs;
Nextlapse = normalelapse + diffsecs;
diff.value = countersecs + " - " + elapsesecs + "=" + diffsecs;
next.value = "nextelapse =" + nextelapse;
if(nextelapse <0)nextelapse = 0;
//新しいタイマーを起動します
Timer = window.setInterval( "ontimer()"、nextlapse);
}
</script>
この記事の説明が、JavaScriptに基づいたすべての人のWebプログラミングに役立つことを願っています。