为什么参考答案里没有两次setTimeout,那他是怎么启动的呢?

来源:8-17 编程练习

我真的不知道要取什么名字

2016-07-30 16:16

<!DOCTYPE html>

<html>

 <head>

  <title>浏览器对象</title>  

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>   

 </head>

 <body>

  <H4>操作成功</H4>

  <p>

     <b id="second">5</b>秒后回到主页&nbsp;<a href="javascript:goBack();">返回</a>  

  </p>

 

<script type="text/javascript">  

 

var sec = document.getElementById("second");

var i = 5;

var timer = setInterval(function(){

i--;

sec.innerHTML = i;

if(i==1){

window.location.href =  "http://www.imooc.com/";

}

},1000);

 

  function goBack(){ 

window.history.go(-1);

  }  

  </script> 

 </body>

</html>


写回答 关注

2回答

  • 我真的不知道要取什么名字
    2016-07-30 22:08:05

    原来是setInterval,我把他跟setTimeout看混了。谢谢你的帮忙,祝你学习开心。

  • 水里有条鱼
    2016-07-30 16:51:11

    为什么要两次setTimeout?两次setTimeout的功能不就是setInterval吗?既然用了setInterval就不用那个了。

    var i = 5;  //5秒

    var timer = setInterval(function(){    //每秒执行一次这个函数

    i--;  //减一秒

    sec.innerHTML = i; //改变i(秒数)显示

    if(i==1){  //当秒数变为1时,打开网页

    window.location.href =  "http://www.imooc.com/";

    }

    },1000);  //设置每秒执行

    //简略版是这样的 setInterval(function(){ },1000);


    我真的不知道...

    原来是setInterval,我把他跟setTimeout看混了。谢谢你的帮忙,祝你学习开心。

    2016-07-30 22:08:24

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题