时间倒计时

Posted xuyiyuan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了时间倒计时相关的知识,希望对你有一定的参考价值。

 

 

<div class="waitTime-right">剩余:59分59秒</div>

 

var now = Date.parse(new Date());   //现在时间
var end = Date.parse("2019-02-01 16:36:57");  //提交订单的时间,后台Date传过来变成了毫秒
/*两个时间相减,得到的是毫秒ms,变成秒*/
var result = Math.floor(now-end)/1000;
setInterval(function () {
    if (result>1) {
        if(result<1800){
            result = result - 1;
            var second = Math.floor(result % 60);     // 计算秒 ,取余
            var minite = Math.floor((result / 60) % 60); //计算分 ,换算有多少分,取余,余出多少秒
            //var hour = Math.floor(result/1000/60/60%24);  //计算小时,这里最长只有30min,用不着
            //var day = Math.floor(result/1000/60/60/24);   //计算天,这里最长只有30min,用不着
            $(".waitTime-right").html("剩余:" + minite + "分" + second + "秒");
        }else if(result>=1800){
            $(".waitTime-right").html("剩余:00分00秒");
            clearInterval();
        }
    } else{
        clearInterval();
    }
},1000);

 

以上是关于时间倒计时的主要内容,如果未能解决你的问题,请参考以下文章

如何在使用片段和计时器的选项卡式活动上更新 UI

如何实现React原生倒计时圈

自动刷新android片段,直到满足条件

颤振计时器仅更新秒小部件

#yyds干货盘点#愚公系列2023年02月 .NET/C#知识点-程序运行计时的总结

如果用户没有使用浏览器,则jQuery计时器停止