问答详情
源自:1-5 编程练习

倒计时效果1-2

用setinterval可以吗

提问者:非常有喜 2017-03-19 22:01

个回答

  • Yexiaomo
    2017-03-21 15:21:45
    已采纳

    当然可以!  

    setTimeout(code,millisec) 用于在指定的毫秒数后调用函数或计算表达式。(也就是指执行一次)

    setInterval(code,millisec) 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式(也就是永远不停地执行下去, 直到  clearInterval() 被调用或窗口被关闭)

    具体更详细的介绍可以去 W3scshool上

    还是 编程练习中的代码,改变 onload中的代码,再把showTime()中的setTimeout()去掉 ,效果一样

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>当前系统时间</title>
    <link rel="stylesheet" href="style.css"  />
    <script type="text/javascript">
    
      window.onload = function(){
        setInterval(showTime);
      }
      function checkTime(i){  //补位处理
        if(i < 10)
            return "0"+i;
        return i;
      }
      function showTime(){
        var now=new Date();
        var year=  now.getFullYear()  ;
        var month=  now.getMonth() + 1 ;
        var day=  now.getDay() ;
        var h=  now.getHours()  ;
        var m=  now.getMinutes()  ;
        var s=  now.getSeconds() ;
        m=checkTime(m);
        s=checkTime(s);
        
        var weekday=new Array(7)
        weekday[0]="星期日"
        weekday[1]="星期一"
        weekday[2]="星期二"
        weekday[3]="星期三"
        weekday[4]="星期四"
        weekday[5]="星期五"
        weekday[6]="星期六"
    
        document.getElementById("show").innerHTML=""+year+"年"+month+"月"+day+"日 "+ weekday[day] +h+":"+m+":"+s;
      }
    
    </script>
    </head>
    <body>
    <div class="content1">
      <div id="show">显示时间的位置</div>
    </div>
    </body>
    </html>


  • 勇敢的大叔
    2017-03-20 21:49:29


    坐等答案