奈寻味导航网 » 文章资讯 » 详解JS实现简单的时分秒倒计时代码

详解JS实现简单的时分秒倒计时代码

2023-08-24 05:51:06 255

本文实例为大家分享了JS时分秒倒计时的实现的具体代码，供大家参考，具体内容如下





js简单时分秒倒计时

functioncountTime(){
//获取当前时间
vardate=newDate();
varnow=date.getTime();
//设置截止时间
varendDate=newDate("2016-10-2223:23:23");
varend=endDate.getTime();
//时间差
varleftTime=end-now;
//定义变量d,h,m,s保存倒计时的时间
vard,h,m,s;
if(leftTime>=0){
d=Math.floor(leftTime/1000/60/60/24);
h=Math.floor(leftTime/1000/60/60%24);
m=Math.floor(leftTime/1000/60%60);
s=Math.floor(leftTime/1000%60);
}
//将倒计时赋值到div中
document.getElementById("_d").innerHTML=d+"天";
document.getElementById("_h").innerHTML=h+"时";
document.getElementById("_m").innerHTML=m+"分";
document.getElementById("_s").innerHTML=s+"秒";
//递归每秒调用countTime方法，显示动态时间效果
setTimeout(countTime,1000);

}




00
00
00
00

代码总结：

Math.floor：返回小于等于参数的最大整数

setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式

以上所述是小编给大家介绍的JS时分秒倒计时的实现详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！

返回顶部
3162201930
czq8825@qq.com

详解JS实现简单的时分秒倒计时代码

热门推荐

随机推荐