JavaScript倒计时后实现页面跳转效果实例

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript倒计时后实现页面跳转效果实例

通过倒计时指定秒数之后实现网页的跳转效果，在很多效果中都有应用，例如，登陆或者注册成功之后倒计时指定时间跳转到某个页面，下面就通过代码实例介绍一下如何实现此效果。

代码实例如下:

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

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="https://www.51qianduan.com/" /> 
<title>51前端</title> 
<style type="text/css"> 
#thediv{
  width:150px;
  height:30px;
  text-align:center;
  margin:0px auto;
  font-size:12px;
}
</style> 
<script type="text/javascript">  
window.onload=function(){
  var odiv=document.getElementById("thediv");
  var timer=null;
  function Countdown(count,obj){
    return function(){
      if(count>0){
        count=count-1;
        obj.innerHTML="剩余"+count+"跳转到指定网页";
      }
      else{
        location.href="http://www.softwhy.com";
        clearInterval(timer);
      }
    }
  }
  timer=setInterval(Countdown(20,odiv),1000);
}
</script> 
</head> 
<body> 
<div id="thediv"></div>
</body> 
</html>

代码描述：JavaScript倒计时后页面跳转效果。JavaScript倒计时后实现页面跳转效果实例

下载全部收藏

151 201

用户评论

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