倒计时案例

思路分析:

核心算法:输入的时间减去现在的时间就是剩余的时间,即倒计时,但是不能拿着时分秒相减。

用时间戳来做。用户输入时间总的毫秒数减去现在时间毫秒数,得到的就是剩余时间毫秒数

把剩余时间总的毫秒转换为天、时、分、秒

转换公式:

d=parseInt(总秒数/60/60/24);  天数

h=parseInt(总秒数/60/60%24);  小时

m=parseInt(总秒数/60%60);  分钟

s=parseInt(总秒数%60);  秒

function countDow(time){
    var nowTime = +new Date();  //返回当前时间总毫秒数
    var inputTime = +new Date(time);//返回时用户输入事件总的毫秒数
    var times = (inputTime - nowTime) /1000;//time时剩余时间总的秒数
    var d =parseInt(times /60 /60 /24);
    d = d<10? '0' +d:d;
    var h =parseInt(times /60 /60 %24);
    h = h<10? '0' +h:h;
    var m =parseInt(times /60 %60);
    m = m<10? '0' +m:m;
    var s =parseInt(times %60);
    s = s<10? '0' +s:s;
    return d+'天'+h+'时'+m+'分'+s+'秒';
  }
  console.log(countDown('2020-10-31 14:49:00'));

 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值