定时器

 


<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <script src='//code.jquery.com/jquery-3.3.1.min.js'></script>
    <script>


      function countdown(){
       
       
       //js获取指定时间戳
       var end = new Date('2019-1-1 00:00:00').getTime();
       time = setInterval(function(){
            //js获取当前时间戳
            var now = new Date().getTime();
            //倒计时时间减去当前时间  获取的是时间段 转化为毫秒
            var m = Math.round ((end - now) / 1000);
            if(m<=0){
               clearInterval(time);//清除定时 
            }
            //计算剩余天数
            var day = parseInt (m / 24 / 3600);
            //计算剩余小时
            var hours = parseInt ((m % (3600 * 24)) / 3600);
            //计算剩余分钟
            var minutes = parseInt ((m % 3600) / 60);
            //计算剩余秒数
            var seconds = m % 60;
             $('#d').html(day);
             $('#h').html(hours);
             $('#m').html(minutes);
             $('#s').html(seconds);
        
      },1000);  
      }  
        
      
    </script>
    <body>
        <input type="button" id='img'   value='查看倒计时'  onclick='countdown()'><br>
        距离春节放假还有 <span id='d'></span>天<span id='h'></span>小时<span id='m'></span>分钟<span id='s'></span>秒
    </body>

 

 

</html>

 

setInterval():两个参数 一个要执行的函数  一个要执行的时间间隔  每隔多长时间执行一次 (多次)

setTimout();两个参数 一个要执行的函数  一个要执行的时间间隔 固定时间以后执行一次(一次)

clearInterval(time);//清除定时 

 

定时器

https://zhidao.baidu.com/question/752974813997041644.html?fr=iks&word=js%B5%B9%BC%C6%CA%B1&ie=gbk

 

中文定时的方法 

<!DOCTYPE HTML>

<html>

<head>

 <meta charset=utf-8"/>

 <title>团购——限时抢</title>

</head>

<body>

<p>

 <p class="time">还剩 <span id="LeftTime"></span></p>

</p>

<script>

 function FreshTime() {

  var endtime = new Date("2017/10/15,12:20:12");//结束时间

  var nowtime = new Date();//当前时间

  var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000);

  d = parseInt(lefttime / (24 * 3600));

  h = parseInt(lefttime /3600%24);

  m = parseInt(lefttime/60%60);

  s = parseInt(lefttime % 60);

 

  document.getElementById("LeftTime").innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒";

  if (lefttime <= 0) {

   document.getElementById("LeftTime").innerHTML = "团购已结束";

   clearInterval(sh);

  }

 }

 

 var sh;

 sh = setInterval(function () {

  FreshTime()

 },500);

 

</script>

 

</body>

</html>