美文网首页
1小时倒计时

1小时倒计时

作者: liujiaorui | 来源:发表于2019-01-22 12:13 被阅读0次

倒计时

目前我们内部用的比较多的倒计时:一个小时的倒计时、12个小时的倒计时。

//倒计时
function countDown(examinePassTime, nowDateX, divName) {
    //将2003-07-26 12:20:15格式 改成 2003/07/26 12:20:15格式,就可兼容安卓和ios
    nowDateX = nowDateX.replace(/-/g, "/"); 
    examinePassTime = examinePassTime.replace(/-/g, "/");
    timer = setInterval(function() {
        var nowDate = new Date(nowDateX);
        var secondN = (nowDate.getTime() / 1000 + 1) * 1000;
        nowDateX = new Date(secondN);
        var ns = nowDate.getTime();
        var d = new Date(examinePassTime);
        d.setDate(d.getDate());
        d.setHours(d.getHours()+12);
        var es = d.getTime();
        var diffValue = es - ns;
        if(diffValue > 0) {
            var hour = Math.floor(diffValue / 1000 / 60 / 60);
            var minute = Math.floor(diffValue / 1000 / 60 % 60);
            var second = Math.floor(diffValue / 1000 % 60);
            $("." + divName + "").html('剩余支付时间:' + hour + " : " + minute + " : " + second); 
        } else {
            clearInterval(timer);
        }
    }, 1000);
}

examinePassTime:审核通过的时间。
nowDateX:数据库当前的时间
divName:引用倒计时的容器的class属性
实现思路:以倒计时12小时来说:审核通过的时间+12-当前的时间大于0,表示倒计时还在进行,小于0表示倒计时结束。

相关文章

  • 倒计时

    新年倒计时…中考倒计时…高考倒计时…告别学生倒计时…假期倒计时…睡觉倒计时…起床倒计时… 生活中,很多与我们息息相...

  • 倒计时不仅使我们焦躁,还可以使我们振奋啊

    中考倒计时,高考倒计时, 倒计时100天 倒计时50天 倒计时10天 倒计时5天 ........ 这个场景想必在...

  • 倒计时

    文/木子 开学倒计时了 爸妈回去倒计时了 教师节倒计时了 国庆节倒计时了 小儿12岁倒计时了 寒假倒计时了 元旦倒...

  • wordlist 13

    倒计时倒计时

  • wordlist 11

    倒计时倒计时

  • van-count-down 倒计时相关问题

    1. 倒计时重置问题 背景:业务需要在开启倒计时、暂停、恢复倒计时实时判断是否展示倒计时,并重置倒计时 问题:直接...

  • iOS开发-倒计时

    倒计时 倒计时60s 倒计时HH-MM-SS 1.倒计时60s 很多时候在点击按钮发送短信的时候需要倒计时读秒 2...

  • 10.27

    倒计时第一天,倒计时7,好想赶快到倒计时1。

  • 1小时倒计时

    倒计时 目前我们内部用的比较多的倒计时:一个小时的倒计时、12个小时的倒计时。 examinePassTime:审...

  • js中date倒计时

    获取倒计时之前,我们不妨先来看怎样获取当前时间吧!!! 获取倒计时 1、实现倒计时功能2、倒计时结束按钮可被点击,...

网友评论

      本文标题:1小时倒计时

      本文链接:https://www.haomeiwen.com/subject/efhljqtx.html