码迷,mamicode.com
首页 > 其他好文 > 详细

记录各种页面定时跳转方法(倒计时跳转总结)

时间:2015-04-15 16:22:20      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下:

(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内)
代码如下:

<script type="text/javascript">
//3秒钟之后跳转到指定的页面
setTimeout(window.location.href=‘http://www.balijieji.com‘,3);
</script>

(2)html代码实现,在页面的head区域块内加上如下代码
代码如下:

<!--5秒钟后跳转到指定的页面-->
<meta http-equiv="refresh" content="5;url=http://www.balijieji.com" />

(3)稍微复杂点,多见于登陆之后的定时跳转
代码如下:

<!doctype html>
<head>
<meta charset=utf-8" />
<title>js定时跳转页面的方法</title>
</head>
<body>
<script>
var t=10;//设定跳转的时间
setInterval("refer()",1000); //启动1秒定时
function refer(){
if(t==0){
location="http://www.balijieji.com"; //#设定跳转的链接地址
}
document.getElementById(‘show‘).innerHTML=""+t+"秒后跳转到指定页面"; // 显示倒计时
t--; // 计数器递减
}
</script>
<span id="show"></span>
</body>
</html>

记录各种页面定时跳转方法(倒计时跳转总结)

标签:

原文地址:http://www.cnblogs.com/zhaoguangxing/p/4428519.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!