倒计时

1.秒倒计时

html:

<p id="time"></p>

js:

var time=10;

var i=0;

function djs(){

      if(i<=10){

         time=10-i;

         i++;

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

    }

}

setTimeout (function(){djs()},1000)

2.天时分秒倒计时(距离2018年11月11日9:00倒计时-今天是2017年10月31日)

html

<body onload="timer()">

      <div class="daojishi">

             <h2>剩余时间为:</h2>

              <div id="timer"></div>

      </div>

</body>

js:

function timer(){

          var ts     = (new Date(2018,11,11,9,0,0)) - (new Data() )      //计算剩余毫秒数

          var dd    = parseInt(ts / 1000 / 60 / 60 / 24, 10);    //计算剩余天数

          var hh    = parseInt(ts / 1000 / 60 / 60 % 24, 10); //计算剩余小时数

          var mm  = parseInt(ts / 1000 / 60 % 60, 10);  //计算剩余分钟数

          var ss    = parseInt(ts / 1000 % 60, 10); //计算剩余秒数

           dd   = checkTime(dd);

           hh   = checkTime(hh);

           mm = checkTime(mm);

           ss   = checkTime(ss);

           document.getElementById("timer").innerHTML = dd + '天' + hh+ '时' + mm+ '分' + ss + '秒';

           setInterval("timer()",1000);

}

 function checkTime(i){

      if(i<10){

             i="0" + i ;

     }

     return i;

}

posted @ 2017-10-31 13:54  MiniDuck  阅读(140)  评论(0编辑  收藏  举报