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

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

js简单时分秒倒计时

function countTime() {

//获取当前时间

var date = new Date();

var now = date.getTime();

//设置截止时间

var endDate = new Date("2016-10-22 23:23:23");

var end = endDate.getTime();

//时间差

var leftTime = end-now;

//定义变量 d,h,m,s保存倒计时的时间

var d,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时分秒倒计时的实现详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值