您的位置：首页 > Web前端 > JavaScript

javascript实现倒计时自动跳转页面

2015-07-31 21:27 861 查看

1.用setTimeout方法

<html>
<head>
<title>自动重定向</title>
</head>
<script type="text/javascript">
function go() {
document.location.href="test2.html"     //重定向方法
}
setTimeout(go,3000);                        //3秒后执行该方法
</script>
<body>
<div>3秒后自动重定向</div>
</body>
</html>

3秒后直接跳转，没有倒计时提示

setTimeout(go,3000);//3秒后执行go方法

2.用setInterval方法

<html>
<head>
<title>自动重定向</title>
</head>
<script type="text/javascript">
var lefttime=10000;
function go() {
document.getElementById("w").innerText=(lefttime)/1000;
lefttime = lefttime - 1000;
if(lefttime<0) {
document.location.href="test2.html"     //重定向方法
}
}
setInterval(go,1000);
</script>
<body>
<div><div id="w">10</div>秒后自动重定向</div>
</body>
</html>

setInterval(go,1000);  //每过一秒执行一次go方法

有上述代码可知，页面会10倒计时，之后自动跳转

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航