概述
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倒计时,之后自动跳转
最后
以上就是友好丝袜为你收集整理的javascript实现倒计时自动跳转页面的全部内容,希望文章能够帮你解决javascript实现倒计时自动跳转页面所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复