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

js控制5秒后页面自动跳转

2015-09-05 23:34 781 查看

分别用 setTimeout() 和 setInterval() 实现

1.setTimeout()

<!DOCTYPE html>
<html>
<body>
<span id="jumpTo">5</span>秒后自动跳转到http://www.baidu.com/
<script>
countDown(5);
function countDown(secs) {
var jumpTo = document.getElementById("jumpTo");
jumpTo.innerHTML = secs;
if (--secs > 0)
setTimeout("countDown(" + secs + ")", 1000);
else
location.href = "http://www.baidu.com/";
}
</script>
</body>
</html>

2.setInterval()，需要clearInterval()函数配合

<!DOCTYPE html>
<html>
<body>
<span id="jumpTo">5</span>秒后自动跳转到http://www.baidu.com/
<button id="btnJump" onclick="location = 'http://www.baidu.com'" >立刻跳转</button>
<script>
autoRedirect();
function autoRedirect() {
var casetime = {
init: function () {
window.zibrtimer = setInterval(this.change, 1000);
},
change: function () {
var time = document.getElementById("jumpTo").innerHTML;
time = parseInt(time);
time--;
document.getElementById("jumpTo").innerHTML = time;
if (time == 0) {
window.clearInterval(window.zibrtimer);
alert("a");
location.href = "http://www.baidu.com"
return;
}
},

};
casetime.init();
}
</script>
</body>
</html>

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

标签：

相关文章推荐

新的分享

章节导航