为什么倒计时那里不显示。。

来源:8-17 编程练习

doramc

2016-01-29 00:29

为什么倒计时不显示。。。源代码如下:

<!DOCTYPE html>

<html>

 <head>

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

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

 </head>

 <body>

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

  <a href="www.imooc.com/code">forback</a>

  <p>操作成功</p>



  <p><span id="count"></span>秒后回到主页</p>

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


  <script type="text/javascript">  

var num=5;

  function startCount() {

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

    num=num-1;

   if(num>=0){

       setTimeout("startCount()",1000);

       }

    else{

        window.location.href="http://www.taobao.com";

    }    

  }

    //window.onload=startCount;

   setTimeout(startCount,0);  


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


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

   

 </script> 

</body>

</html>


写回答 关注

2回答

  • windnessr
    2016-01-29 10:29:40
    已采纳

    要获取或替换HTML元素的内容,需要用innerHTML属性,所以你可以用一下代码实现倒计时数字的显示:

    function startCount() {

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

        num=num-1;

        if(num>=0){

            setTimeout("startCount()",1000);

        }

        else{

            window.location.href="http://www.taobao.com";

        }    

     }


    doramc

    非常感谢!原来如此~!!!

    2016-01-29 11:13:21

    共 1 条回复 >

  • 12好好先生21
    2016-01-29 08:13:29

      function startCount() {

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

        num=num-1;

       if(num>=0){

           setTimeout("startCount()",1000);

           }

        else{

            window.location.href="http://www.taobao.com";

        }    

      }

    span没有value这个属性,你用文本框显示时间试试

    Petar

    对的,span没有value这个属性所以改不了。这种情况的话,要获取或替换HTML元素的内容,需要用innerHTML属性,

    2016-02-21 16:53:59

    共 1 条回复 >

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题