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

最新推荐文章于 2023-11-06 20:21:16 发布

jjchack

最新推荐文章于 2023-11-06 20:21:16 发布

阅读量1.1k

点赞数

分类专栏： javascript&jQuery

本文链接：https://blog.csdn.net/jjchack/article/details/47175713

版权

javascript&jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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倒计时，之后自动跳转

jjchack

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
javascript实现倒计时自动跳转页面

1.用setTimeout方法自动重定向function go() { document.location.href="test2.html" //重定向方法}setTimeout(go,3000); //3秒后执行该方法3秒后自动重定向3秒后直接跳转，没有倒计时提示setTimeout(go,3000);
复制链接

扫一扫