<script type="text/javascript">
var t=10;
setInterval("refer()",1000);
function refer(){
if(t==0){
location.href="//www.jb51.cc";
}
document.getElementById('show').innerHTML=""+t+"秒后跳转到编程之家";
t--;
}
var t=10;
setInterval("refer()",1000);
function refer(){
if(t==0){
location.href="//www.jb51.cc";
}
document.getElementById('show').innerHTML=""+t+"秒后跳转到编程之家";
t--;
}
一.实现原理:
原理非常的简单,就是利用setInterval()定时器函数,每秒执行一次refer()函数,此函数能够没执行一次将t减1,同时将当前的t的值写入div中,如果t减到0,也就是倒计时完毕,就跳转到指定页面。原理大致如此。
二.相关阅读:
下面给大家分享2个简单的跳转代码,做一下总结,各种定时跳转代码记录如下:
(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内)
跳转到指定的页面
setTimeout(window.location.href='//www.jb51.cc',3);
(2)HTML代码实现,在页面的head区域块内加上如下代码