vue项目开发中表格数据添加倒计时功能

时间：2020-11-20 11:26:25 阅读：5 评论：0 收藏：0 [点我收藏+]

countdown(data) {

let i = 0;

let timer = setInterval(() => {

i++;

data.forEach((item, idx) => {

　　　// 通过结束时间求出时间戳

let time =

new Date(item.end_time) - new Date() - i <= 0

? 0

: new Date(item.end_time) - new Date() - i;

　　　 // 将计算出的时间戳格式化并赋值

item.countdown = this.$options.filters["dateFormat"](

time,

"HH:mm:ss"

);

});

　　// 判断时间戳为0时，清除定时器

if (data.every((item) => item.countdown == 0)) {

clearInterval(timer);

}

}, 1000);

　　// 当组件销毁之前清除定时器

this.$once("hook:beforeDestroy", () => {

clearInterval(timer);

});

}

原文地址：https://www.cnblogs.com/han024/p/13975954.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行