倒计时一定时间跳转到另一个页面

快乐打工仔 分类:实例代码

倒计时一定时间跳转到另一个页面属于前端实例代码,有关更多实例代码大家可以查看

倒计时效果应用非常的频繁,也比较简单,本章节主要针对javascript初学者的。

下面就给出一个简单的代码实例,供初学者参考,希望能够有所帮助。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /> 
<title>网页倒计时效果代码</title> 
<script type="text/javascript">
window.onload=function(){
  var myspan=document.getElementById("myspan");
  var timer=30;
  var flag;
  function daoji(){
     timer=timer-1;
     myspan.innerHTML=timer;
     if(timer==0){
       location.href="http://www.pipipi.net";
       clearInterval(flag);
     }
  }
  flag=setInterval(daoji,1000);
}
</script> 
</head> 
<body> 
<div>页面跳转倒计时:<span id="myspan"></span></div>
</body> 
</html>

以上代码实现了我们需要的效果,当倒计时完成后,就会跳转到其他页面。

倒计时一定时间跳转到另一个页面,这样的场景在实际项目中还是用的比较多的,关于倒计时一定时间跳转到另一个页面就介绍到这了。

回复

我来回复
  • 暂无回复内容