JavaScript利用Date实现简单的倒计时实例

介绍

Date对象，是操作日期和时间的对象。Date对象对日期和时间的操作只能通过方法。Date在js中和Array类似，都是拥有自己的特殊方法的特殊对象。

创建 Date 对象的语法：

获取倒计时之前，我们不妨先来看怎样获取当前时间吧！！！

获取倒计时

     1、实现倒计时功能

     2、倒计时结束按钮可被点击，之前不可被点击

实例代码：

#btn{

 text-decoration: none;

 display: block;

 background: #ccc;

 text-align: center;

 line-

 color: #666;

}

#btn.btn{

 background: red;

 color: #fff;

 font-size: 20px;

 font-weight: bold;

}

即将开抢!

 var oLt = document.getElementById("lastTime");

 var oBtn = document.getElementById("btn");

 time();

 var timer = setInterval( time , 1000 );

 function time(){

 var endTime = new Date(񟭑/01/13 00:00:00');//结束日期不得在当前日期之前

 var nowTime = new Date();

 var splus = endTime.getTime() - nowTime.getTime();

 //天 时 分 秒

 if( splus <= 1 ){

  clearInterval( timer );

  oBtn.className = 'btn'

  oBn.innerHTML = '开始秒杀!'

  oBtn.href = 'http://www.baidu.com'

  return;

 }else{

  oBtn.className = ''

 }

 var day = Math.floor( splus / 1000 / 60 / 60 / 24 );

 var hours = Math.floor( splus / 1000 / 60 / 60 % 24 );

 var min = Math.floor(splus / 1000 / 60 % 60);

 var sec = Math.floor(splus / 1000 % 60);

 oLt.innerHTML = day + '天 ' + double( hours ) + ':' + double( min ) + ':' + double( sec );

 function double( n ){

  if( n<10){

  n=Ɔ'+ n;

  }

  return n;

 }

 }

效果图如下：