美文网首页
实现倒计时功能

实现倒计时功能

作者: 一杯柠檬可乐 | 来源:发表于2018-01-12 16:23 被阅读0次
var closeDate = Number(new Date('2018/01/13 18:00:00')),  // 结束时间 单位毫秒
    nowDate = Number(new Date('2018/01/12 09:00:00')),  // 当前时间 单位毫秒
    leftTime = closeDate - nowDate ;  // 剩余时间 单位毫秒

// 剩余时间大于0执行倒计时
if (leftTime > 0) {
    var waitTime = setInterval(function () {
        leftTimer();
    }, 1000);
}

// 计算剩余的时间
function leftTimer() {
    leftTime -= 1000; // 每次刷新倒计时减1秒
    var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); // 计算剩余的天数
    var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10); // 计算剩余的小时
    var minutes = parseInt(leftTime / 1000 / 60 % 60, 10); // 计算剩余的分钟
    var seconds = parseInt(leftTime / 1000 % 60, 10); // 计算剩余的秒数
    days = checkTime(days);
    hours = checkTime(hours);
    minutes = checkTime(minutes);
    seconds = checkTime(seconds);
    var time = days + ':' + hours + ':' + minutes + ':' + seconds + '';  // 倒计时已经计算出来
    console.log(time);
    if (leftTime <= 0) {
        // 结束清除倒计时 todo
        clearInterval(waitTime);
    }
}

// 天/时/分/秒如果为个位数则在前面添加0
function checkTime(i) {
    if (i< 10) {
        i= "0" + i;
    }
    return i;
}

相关文章

网友评论

      本文标题:实现倒计时功能

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