我是靠谱客的博主 友好丝袜,最近开发中收集的这篇文章主要介绍javascript实现倒计时自动跳转页面,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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实现倒计时自动跳转页面所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(43)

评论列表共有 0 条评论

立即
投稿
返回
顶部