请大神看看我这计数器为啥不动哦,一直显示5秒

来源:8-17 编程练习

大虾来了

2015-08-21 15:57

<!DOCTYPE html>

<html>

 <head>

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

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

 </head>

 <body>

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

  <p>

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

  <strong><span id="num" >5</span>

  </strong>秒后回到主页

  

  <a href="www.baidu.com">返回</a>

  </p>

  

 

   <script type="text/javascript">  

   var num=5;

   var i=setInterval(showTime(),1000);

   function showTime()

   {

    document.getElementById("num").innerHtml =num;           

          num--;

       if(num==0)

       {

           location.href="www.imooc.com";

           clearInterval(i);

       }

   }

    </script>  

 

</body>

</html>


写回答 关注

3回答

  • 办公室农民工
    2015-08-21 16:25:46
    已采纳

    innerHTML ()大写

    setInterval("showTime()",1000);调用方法加上双引号

    大虾来了

    非常感谢!

    2015-08-21 16:52:19

    共 1 条回复 >

  • 夕文艺园
    2015-08-21 16:29:36
    1.   document.getElementById("num").innerHTML =num;    innerHTML是大写的

    2.   var i=setInterval(showTime , 1000);    showTime不要加括号,加括号立即执行了

  • 办公室农民工
    2015-08-21 16:24:32

    <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

      <p>

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

      <strong><span id="num">5</span>

      </strong>秒后回到主页

      

      <a href="www.baidu.com">返回</a>

      </p>

      

     

       <script type="text/javascript">  



       var num=5;

       var i=setInterval("showTime()",1000);


       function showTime()

       {

        num--;

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

           if(num==0)

           {

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

               clearInterval(i);

           }

       }


        </script>  

     

    </body>

    </html>


JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题