时间减到0秒时不跳转,怎么办啊?

来源:8-17 编程练习

太阳会发光呀

2019-02-09 15:43


<!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


写回答 关注

2回答

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

    window.location.replace

    而不要用 window.location.href

    太阳会发光呀

    机智!!!!!!!!谢谢啦。。。。

    2019-02-10 08:47:39

    共 1 条回复 >

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

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

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题