js 倒计时(根据后端传过来的时间戳写的)

js 倒计时(根据后端传过来的时间戳写的)

后端传过来的时间戳是处理好的,每一秒都在变化,咱们拿到后放在定时器中就好了,直接上代码吧

//倒计时
var time = ""
function leftTimer(timeData) {
    var leftTime = timeData / 1000;
    var days = parseInt(leftTime / 60 / 60 / 24);
    var hours = parseInt(leftTime / 60 / 60);
    var minutes = parseInt(leftTime / 60 % 60);
    var seconds = parseInt(leftTime % 60);
    if (days > 1) {  //超过一天显示天数
        time = days + "天";
        return time;
    }
    //补零
    if (hours < 10) {
        hours = '0' + hours;
    }
    if (minutes < 10) {
        minutes = '0' + minutes;
    }
    if (seconds < 10) {
        seconds = '0' + seconds;
    }

    if (leftTime <= 0) {
        time = "活动已结束";
    } else {
        //拼接 我这里只要时分秒
        time = hours + ":" + minutes + ":" + seconds + "";
    }
    return time;
}
//将时间戳放在imput的value中
<input type="hidden" id="remainingTime" th:value="${detail.goodsList[0].remainingTime}">


console.log("时间戳",$("#remainingTime").val())
var setIntervalId = setInterval(function () {
    // debugger
    var s = true;
    var sTime = $("#remainingTime").val() - 1000;
    $("#remainingTime").val(sTime)
    if(sTime > 0){
        s = false
    }
    //clock是倒计时盒子的id
    $("#clock").text(leftTimer(sTime));
    if(s){
        clearInterval(setIntervalId);
    }
},1000)

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值