<html>
<head>
<title>倒數計時重導頁面</title>
<META HTTP-EQUIV="REFRESH" CONTENT="11; URL=http://www.google.com">
<script language="JavaScript">
//先拿到目前的時間
startday = new Date();
clockStart = startday.getTime();

function initStopwatch()
{
var myTime = new Date();
var timeNow = myTime.getTime();
var timeDiff = timeNow - clockStart; //現在的時間和起始的時間相減得到已經過的時間
this.diffSecs = timeDiff/1000; //除以1000就是秒
return(this.diffSecs); //將差異秒數回傳給getSecs函數
}
function getSecs()
{
var mySecs = initStopwatch();
var mySecs1 = ""+mySecs; //將數字變成文字
mySecs1= 10 - eval(mySecs1.substring(0,mySecs1.indexOf("."))) + "秒"; //算出倒數的時間
document.form1.timespent.value = mySecs1; //將倒數時間顯示在頁面空隔中
window.setTimeout('getSecs()',1000); //每1秒重新執行一次
}
</script>
</head>
<body bgcolor="#ffffff" onLoad="window.setTimeout('getSecs()',1)">
<center>
10秒後網頁將導向至Google:
<form name=form1><input size=9 name=timespent></form>
</center>
</body>
</html>

arrow
arrow
    文章標籤
    javascript time count
    全站熱搜

    痞客興 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄