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

前端之家收集整理的这篇文章主要介绍了JavaScript利用Date实现简单的倒计时实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

介绍

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

创建 Date 对象的语法:

自动把当前日期和时间保存为其初始值。

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

switch(day){
case 1:
day = '星期一';
break;
case 2:
day = '星期二';
break;
case 3:
day = '星期三';
break;
case 4:
day = '星期四';
break;
case 5:
day = '星期五';
break;
case 6:
day = '星期六';
break;
case 0:
day = '星期日';
break;
}

function double( t ){
if( t < 10 ){
t = '0' + t;
}
return t;
}

document.body.innerHTML = year + '年' + month +'月'+ dDate + '日 ' + day + ' ' + double(house) +':'+ double(minu) +':' + double(sec);
}
time();
setInterval(time,1000);

获取倒计时

1、实现倒计时功能

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

实例代码

无<a href="https://www.jb51.cc/tag/biaoti/" target="_blank" class="keywords">标题</a>文档
0天 00: 00: 00