问答详情
源自：8-17 编程练习

好奇怪，看不出哪里错了，倒计时不现实在页面里，并且5秒后不跳转之前页面，但是点击返回是可以的。


<!DOCTYPE html>

<html>

 <head>

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

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

  <style>

    #content div{

        float:left;

    }

    #back{

        color:#0782c1;

        text-decoration:underline;

    }

    #back:hover{

        color:#0000CD;

    }

  </style>

 </head>

 <body>

  <!--先编写好网页布局-->

  <h3 id="head">操作成功</h3>

  

  <div id="content">

      <div id="time"></div>

      <div>秒后回到主页</div>

      <div>&nbsp</div>

      <div id="back" onclick="goback()">返回</div>

  </div>

 

  <script type="text/javascript">  

    

   //获取显示秒数的元素，通过定时器来更改秒数。

   

    var num = 5;

    var i ;

    function timer(){

if(num == 0){

window.location.reload-1);

clearInterval(i);

clearTimeout(i);

}else{

document.getElementById("time").value = num;

num --;

i = setInterval(timer(),1000);

}

}

    setTimeout(clearInterval(i),5000);

   

   //通过window的location和history对象来控制网页的跳转。

function goback(){

window.history.go(-1);

}

 </script> 

</body>

</html>


提问者：观小呆 2019-09-07 23:29

个回答

  • sdarks
    2019-09-16 18:07:18

    <!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>  
  <style>
    #content div{
        float:left;
    }
    #back{
        color:#0782c1;
        text-decoration:underline;
    }
    #back:hover{
        color:#0000CD;
    }
  </style>
 </head>
 <body>
  <!--先编写好网页布局-->
  <h3 id="head">操作成功</h3>
  <div id="content">
      <div id="time"></div>
      <div>秒后回到主页</div>
      <div>&nbsp</div>
      <div id="back" onclick="goback()">返回</div>
  </div>
  <script type="text/javascript">
    var num = 5;
var i;
function timer(){
  if(num == 0){  //当num等于0时，打开慕课网首页
    window.location.assign("https://www.imooc.com");  
clearInterval(i);
  }
  else{  //当num不为0时，输出num，然后num的值减1
    document.getElementById("time").innerHTML = num;
num--;
  }
}
timer();  //运行timer函数
i = setInterval(timer,1000);  //每1000毫秒运行1次timer函数
    function goback(){
      window.history.go(-1);
    }
 </script> 
</body>
</html>

    0
  • sdarks
    2019-09-16 17:49:44

    感觉代码的问题很多啊?

    0