很多网页都有类似的效果，那就是经过指定的时间能够跳转到其他页面，如果再人性化一点话，会带有倒计时效果，本章节就介绍一下如何实现此效果，代码实例如下:
<script type="text/javascript">
var t=10;
setInterval("refer()",1000);
function refer(){
if(t==0){
location.href="//www.jb51.net";
}
document.getElementById('show').innerHTML=""+t+"秒后跳转到脚本之家";
t--;
}
</script>
<span id="show"></span>
下面给大家分享2个简单的跳转代码，做一下总结，各种定时跳转代码记录如下：
（1）使用setTimeout函数实现定时跳转（如下代码要写在body区域内）
<script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='//www.jb51.net',3); </script>
（2）html代码实现，在页面的head区域块内加上如下代码
<!--5秒钟后跳转到指定的页面--> <meta http-equiv="refresh" content="5;url=//www.jb51.net" />
看到这里脚本之家再为大家分享一个不错的代码
<div id="num"></div>
<script type="text/javascript">
var num=5;
function redirect(){
num--;
document.getElementById("num").innerHTML=num;
if(num<0){
document.getElementById("num").innerHTML=0;
location.href="//www.jb51.net/";
}
}
setInterval("redirect()", 1000);
</script>以上就是javascript实现倒计时跳转页面的详细内容，更多关于javascript实现倒计时跳转页面的资料请关注脚本之家其它相关文章！
