倒计时自动跳转

最新推荐文章于 2022-06-18 18:37:37 发布

chumo9470

最新推荐文章于 2022-06-18 18:37:37 发布

阅读量93

点赞数

原文链接：https://my.oschina.net/u/2373432/blog/472927

版权

<html>
 <head>
 <meta charset='utf-8'>
 <title>时间</title>
 
 </head>
 <body >
<center>
数据保存成功，系统<font id="a" color="blue">5</font>自动跳转<br>
不能跳转，请点<a href="##.html">这里</a>
</center>
<script>
 var time = 5;
function aa(){
  var o=document.getElementById("a");
  o.innerText=time;
  if(time > 0){
    window.setTimeout(aa,1000);
 time--;
  }else{
    location.href="###.html";
  }
}
aa();
 </script>
</body>
</html>
1、此代码要先执行HTML，再执行JS，否则会出现错误：o.innerText会出现类型错误 cannot set property innerText of null
或者是用onload事件来处理JS，等待HTML执行完再加载onload事件里的js; 
2、setTimeout(aa,1000)里面直接传入函数名就可以，"aa()"则不能调用； 
3、不是很明白aa()为什么要执行一遍
  函数是需要调用，或者是需要事件来触发

转载于:https://my.oschina.net/u/2373432/blog/472927