实现倒计时功能

2018-01-12  本文已影响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;
}
上一篇 下一篇

猜你喜欢

热点阅读