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

时间减到0秒时不跳转，怎么办啊？


<!DOCTYPE html>

<html>

 <head>

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

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

  <style>

      a{color:blue;text-decoration:underline;}

  </style>

 </head>

 <body> 

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

  

 <h3>操作成功</h3>

<p><span id="s">5</span>秒后回到主页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a herf="javascript:tiaozhuan()">返回</a></p>

  <script type="text/javascript">  

   var num=5;

   var t= setInterval( function sub(){

        num--;

        document.getElementById("s").innerHTML=num;

        if(num==0){

          window.location.href("https://www.imooc.com"); 

          clearInterval(t);

   }

   },1000);

   

      function tiaozhuan(){

       window.location.back();

   }

     

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

   

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

   

 </script> 

</body>

</html>

https://img.mukewang.com/5c5e84780001576402340102.jpg


提问者：太阳会发光呀 2019-02-09 15:43

个回答

  • YukunWen
    2019-02-10 02:00:22
    已采纳

    用

    window.location.replace

    而不要用 window.location.href

    1
  • 酷睿N核
    2019-02-26 00:35:21

    href 是 location 的属性，而不是方法，所以要用的话应该这样写： location.href="https://www.imooc.com"; 

    1