首页 > 代码库 > 定时器练习(没完成)

定时器练习(没完成)

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="div1">

</div>
<script type="text/javascript">
    var oDiv = document.getElementById("div1");
    var timer = window.setInterval(function(){
        var str = getTime();
        oDiv.innerHTML =" 北京时间 "+str;
    },1000);

      //定时器:设置一个定时器,在设置一个等待的时间,到达指定时间后
      // 执行对应的操作
      //  window.setInterval([function],[interval])
      //   设置一个定时器,到达指定的时间[interval]执行我们的操作
      //   [function],然后定时器并没有停止,以后每隔这么长时间
       //   都重新的执行我们的[function]
      //   window.setTimeout([function],[interval]);
      //  设置一个定时器,到达指定的时间[interval],执行我们的操作
      //  [function],定时器 停止
      //var count = 0 ;
    /*  var timer = window.setInterval(function(){
          count++;
          console.log(count);
      },1000)*/
      /*var timer =window.setTimeout(function(){
          count++;
          console.log(count);
      },1000)*/

    //    var time1 = setInterval(function() {
    //        var n = num++;
    //        console.log(n);
    //        if (n == 10) {
    //          clearInterval(time1)
    //        }
    //    },1000)
      function getTime(){
          var tarTime = new Date("2017/04/5 21:59:59");
          var nowTime = new  Date();
          var tarSpan = tarTime.getTime();
          var nowSpan = nowTime.getTime();
          //
          var diffTime = tarSpan - nowSpan;
          //   1、算出总毫秒差中包含的小时有几个
          var hour = Math.floor(diffTime/(1000*60*60));
          //   2、当前这几个小时占了多少毫秒
          var hourMs = hour*60*60*1000;
          // 3、接下来算分钟的时候,需要把小时占用的减去
          var spanMs = diffTime -hourMs;
          //  4、开始算spanMs中包含多少分钟
          var  minute=Math.floor(spanMs/(1000*60));
          //  5、算这么多分钟占用多少毫秒
          var minuteMs=minute*60*1000;
          // 6、算秒的时候把分钟占用的也减去
          spanMs=spanMs-minuteMs;
          // 7、算剩下的包含多少秒
          var second = Math.floor(spanMs/1000);
          return zero(hour)+":"+zero(minute)+":"+zero(second);
      }
      function zero(value){
          return value < 10?"0"+value:value;
      }
  </script>
</body>
</html>

 

定时器练习(没完成)