javascript实现倒计时跳转页面
<scripttype="text/javascript">
vart=10;
setInterval("refer()",1000);
functionrefer(){
if(t==0){
location.href="https://www.nhooo.com";
}
document.getElementById('show').innerHTML=""+t+"秒后跳转到毛票票";
t--;
}
</script>
<spanid="show"></span>
以上代码实现了我们想要的效果，能够在10秒之后跳转到指定页面，下面介绍一下实现过程。
一.实现原理:
原理非常的简单，就是利用setInterval()定时器函数，每秒执行一次refer()函数，此函数能够没执行一次将t减1，同时将当前的t的值写入div中，如果t减到0,也就是倒计时完毕，就跳转到指定页面。原理大致如此。
二.相关阅读:
1.setInterval()函数可以参阅setInterval()函数用法详解一章节。2.location.href可以参阅Location对象的href属性一章节。
3.innerHTML属性可以参阅js的innerHTML属性的用法一章节。
下面给大家分享2个简单的跳转代码，做一下总结，各种定时跳转代码记录如下：
（1）使用setTimeout函数实现定时跳转（如下代码要写在body区域内）
<scripttype="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='https://www.nhooo.com',3); </script>
（2）html代码实现，在页面的head区域块内加上如下代码
<!--5秒钟后跳转到指定的页面--> <metahttp-equiv="refresh"content="5;url=https://www.nhooo.com"/>