不知道哪里出错了,不能实现倒计时效果,数字会改变但是很乱都是负的

来源:8-17 编程练习

我啊我诶

2016-07-23 16:06

<!DOCTYPE html>

<html>

 <head>

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

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

 </head>

 <body>

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

  <h3>操作成功</h3><br/>

  <span id="num">5</span>秒后回到主页

  <a href="javascript:goBack()">返回</a>

 

  <script type="text/javascript">  

 

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

   var second = document.getElementById("num").innerHTML;

    function time(){

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

        second--;

        if(second==0){

            window.open("http://www.imooc.com");

        }

    }

    setInterval(time,1000);

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

   function goBack(){

       window.history.back();

   }

 </script> 

</body>

</html>


写回答 关注

4回答

  • 一个学渣
    2016-07-23 16:36:28
    已采纳

    window.open。。。改为window.location.assign("http://www.imooc.com")就可以了;

    我啊我诶

    我刚刚发现用window.open也可以,加上"_self"就可以了。

    2016-07-23 16:53:11

    共 1 条回复 >

  • 慕娘4859975
    2016-07-29 18:45:38
       if(second==0){
                clearInterval(i);
                location.assign("http://www.imooc.com");
            }
       var i=setInterval(time,1000);

      这样就不会出现负数了。

  • 龙哥来了3483529
    2016-07-23 16:45:18

    <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

      <h3>操作成功</h3><br/>

      <span id="num">5</span>秒后回到主页

      <a href="javascript:goBack()">返回</a>

     

      <script type="text/javascript">  

     

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

       var second = document.getElementById("num").innerHTML;

        function time(){

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

    if(second>0){

    second--;

    }

            if(second==1){

                window.open("http://www.imooc.com");

            }

        }

        setInterval(time,1000);

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

       function goBack(){

           window.history.back();

       }

     </script> 

    </body>

    </html>


  • 一个学渣
    2016-07-23 16:39:57

    数字乱那个问题,你先复制你的代码出来,刷新页面,再ctrl+V粘贴进去就没问题了

    一个学渣 回复我啊我诶

    其实windows.open也可以的,你看看是不是浏览器拦截了,右上角有提示的

    2016-07-23 16:55:00

    共 2 条回复 >

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题