js批量团购倒计时

Html

Css


    批量倒计时

groupons[index].count_down = '倒计时:' + time;

let eles = document.querySelectorAll('li');
        if (total_micro_second <= 0) {
            eles[index].innerHTML = "已结束"
            return
        }
        eles[index].innerHTML = dateformats(total_micro_second)

// console.log('执行')
        if (total_micro_second > 0) {
            timer = setTimeout(async() => {
                await count_down(end_time, index);
                clearTimeout(timer)
            }, 1000)
        }
    } catch (err) {}
}
// 时间格式化输出，每1s都会调用一次
function dateformats(micro_second) {
    //天
    var day = Math.floor(micro_second / 1000 / 60 / 60 / 24);
    var dayStr = day.toString();
    if (dayStr.length == 1) dayStr = '0' + dayStr;
    // 总秒数
    var second = Math.floor(micro_second / 1000);
    // 小时
    var hr = Math.floor((second / 3600) % 24);
    var hrStr = hr.toString();
    if (hrStr.length == 1) hrStr = '0' + hrStr;

// 分钟
    var min = Math.floor(second / 60 % 60);
    var minStr = min.toString();
    if (minStr.length == 1) minStr = '0' + minStr;

// 秒
    var sec = Math.floor(second % 60);
    var secStr = sec.toString();
    if (secStr.length == 1) secStr = '0' + secStr;
    if (day >= 0) {
        return dayStr + ':' + hrStr + ":" + minStr + ":" + secStr;
    } else {
        return hrStr + ":" + minStr + ":" + secStr;
    }

}
// 创建节点
function createEle() {
    let ele = document.querySelector(".count-ul");
    arr.forEach((v, i) => {
        let li = document.createElement('li');
        li.innerHTML = v.end_time;
        ele.appendChild(li);

})
}

createEle()
arr.forEach((v, i) => {
    count_down(v.end_time, i)
})

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

js批量团购倒计时



代码描述：javript实现拼多多团购倒计时代码

更新时间：2021-01-26 22:56:25
实现了类似拼多多有多个团购活动的活动倒计时

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

awxl

相关代码

js批量团购倒计时

最新