<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>setTimeout</title> 
</head> 
<body> 
<div id='div1'> </div> 
</body> 
</html> 
<script type="text/javascript"> 
//設(shè)定倒數(shù)秒數(shù) 
var t = 10; 
//顯示倒數(shù)秒數(shù) 
function showTime(){ 
t -= 1; 
document.getElementById('div1').innerHTML= t; 
if(t==0){ 
location.; 
} 
//每秒執(zhí)行一次,showTime() 
setTimeout("showTime()",1000); 
} 
//執(zhí)行showTime() 
showTime(); 
</script>

2.setInterval() 方法可按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達式。

setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數(shù)。

<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>
</body>
</html>

下面給大家介紹下相關(guān)閱讀

1.setInterval()函數(shù)可以參閱setInterval()函數(shù)用法詳解一章節(jié)。

2.location.href可以參閱Location對象的href屬性一章節(jié)。

3.innerHTML屬性可以參閱js的innerHTML屬性的用法一章節(jié)。

下面通過示例(example)給大家介紹下 :

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>js定時跳轉(zhuǎn)頁面的方法</title> 
</head> 
<body> 
<script type="text/javascript"> 
var t=10;//設(shè)定跳轉(zhuǎn)的時間 
setInterval("refer()",1000); //啟動1秒定時 
function refer(){ 
if(t==0){ 
location="www.baidu.com"; //#設(shè)定跳轉(zhuǎn)的鏈接地址 
} 
document.getElementById('show').innerHTML=""+t+"秒后跳轉(zhuǎn)"; // 顯示倒計時 
t--; // 計數(shù)器遞減 
} 
</script> 
<span id="show"></span> 
</body> 
</html>

遇到的問題:

當將上述js 的方法放在$(function(){......})中時，瀏覽器會報 methodXX() is not defined;

應當將function(){}的定義放在 <script></script>中

以上所述是小編給大家介紹的JavaScript實現(xiàn)時間倒計時跳轉(zhuǎn)(推薦)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: