javascript -- 計算頁面多少時間後自動跳轉到指定頁面 

在 <input type="text" value="5" id="time" /> 秒後，頁面將自動跳轉。

上面的是html頁面元素，用來告知客戶多少秒之後自動跳轉。

//單位毫秒，獲取的是進入當前頁面的時間

var D = new Date();

var startTime = D.getTime();//單位毫秒，獲取的是進入當前頁面的時間

//計算當前時間與進入時間的差

function iniStopWatch() {

　　var D = new Date();

　　var currentTime = D.getTime();

　　var diffTime = (currentTime-startTime)/1000;//獲取差值，單位秒

　  return diffTime;

}

 

 

//設置時間並跳轉到指定頁面

//delayTime => 指定多少秒後跳轉的時間

//href => 指定跳轉的頁面

function setSecs(delayTime,href) {

　　var now = iniStopWatch();

　　var setTimeElem = document.getElementById("time");

　　setTimeElem.value = delayTime - Math.floor(now);

　  if (now >= delayTime) {
　　　　window.location.href = href;
　  }

　　setTimeout(function (){

　　　　setSecs(delayTime,href);

　　})

}

調用：

setSecs(5,"http://www.baidu.com/");

或者

<body onload="setSecs(5,'http://www.baidu.com/');">

</body>

 

posted @ 2015-04-02 10:49  Zell~Dincht  阅读(205)  评论(0)  编辑  收藏  举报