JS实现页面倒计时功能

// 倒计时方法
downcount : function (endTime) {
    /**  计算出相差的毫秒数 */
    var milliSeconds = endTime - new Date().getTime();
    /** 计算出相差的秒数 */
    var seconds = Math.floor(milliSeconds / 1000);
    /** 判断秒是否大于零 */
    if (seconds >= 0){
        /** 计算出分钟 */
        var minutes = Math.floor(seconds / 60);
        /** 计算出小时 */
        var hours = Math.floor(minutes / 60);
        /** 计算出天数 */
        var days = Math.floor(hours / 24);
        /** 定义resArr封装最后显示的时间 */
        var resArr = new Array();
        if (days > 0){
            resArr.push(this.calc(days) + "天 ");
        }
        if (hours > 0){
            resArr.push(this.calc(hours - days * 24) + ":");
        }
        if (minutes > 0){
            resArr.push(this.calc(minutes - hours * 60) + ":");
        }
        if (seconds > 0){
            resArr.push(this.calc(seconds - minutes * 60));
        }
        this.timeStr = resArr.join("");
        /** 开启延迟定时器 */
        setTimeout(function(){
            vue.downcount(endTime);
        }, 1000);
    }else{
        this.timeStr = "秒杀结束!";
    }
},
// 计算不够两位前面补零
calc : function (num) {
    return num > 9 ? num : "0" + num;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值