這個腳本能展示任何特定日期和時間的倒計時。

安裝

步驟一  拷貝以下腳本後貼在有關網頁的<head>和</head>之間。 更改作為倒計時目標的日期和時間。

    
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function getTime() { now = new Date(); //設定所要倒計時的日期時間 y2k = new Date("Aug 8 2008 00:00:00"); days = (y2k - now) / 1000 / 60 / 60 / 24; daysRound = Math.floor(days); hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound); hoursRound = Math.floor(hours); minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound); minutesRound = Math.floor(minutes); seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound); secondsRound = Math.round(seconds); sec = (secondsRound == 1) ? "秒" : "秒"; min = (minutesRound == 1) ? "分" : "分"; hr = (hoursRound == 1) ? "小時" : "小時"; dy = (daysRound == 1) ? "天" : "天" document.timeForm.input1.value = "還有 " + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec; newtime = window.setTimeout("getTime();", 1000); } // End --> </script>

步驟二  拷貝以下代碼貼在網頁的<body>標記內。。

onLoad="getTime()"

EXAMPLE:

<body onLoad="getTime()" bgcolor="#000000" text="#FFFFFF" link="#404040" vlink="#404040" alink="#808080">

步驟三  拷貝以下代碼貼於有關網頁的 BODY 範圍內您需要展示倒計時的部位。

<center><br> <form name=timeForm> <table bgcolor="#990000"><tr><td><font size="2" color="#FFFFFF">現在離2005年元旦</font><input type=text name=input1 size=26 border-style="none" style="background-color: #990000; color: #FFFFFF; border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:13px arial, helvetica,sans-serif"> </td></tr></table></form> </center><br>

現在離2005年元旦
這是緊接在倒計時標記之前的文字說明。必須与腳本中設定的日期時間相符合。

#990000
是倒計時的背景顏色代碼，可隨意更改。

#FFFFFF
倒計時的文字和數字的顏色代碼，可隨意更改。