JavaScript倒计时指定时间页面跳转代码实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript倒计时指定时间页面跳转代码实例

很多网页都有类似的效果，那就是经过指定的时间能够跳转到其他页面，如果再人性化一点话，会带有倒计时效果，本章节就介绍一下如何实现此效果，代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
</head> 
<body> 
<script type="text/javascript"> 
var t=10;
setInterval("refer()",1000); 
function refer(){ 
  if(t==0){ 
    location.href="http://www.softwhy.com";
  } 
  document.getElementById('show').innerHTML=""+t+"秒后跳转到51前端";
  t--;
} 
</script> 
<span id="show"></span> 
</body> 
</html>

代码描述：JavaScript倒计时页面跳转。JavaScript倒计时指定时间页面跳转代码实例

下载全部收藏

183 244

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册