vue实现倒计时

矽东

已于 2024-05-08 09:09:21 修改

阅读量295

点赞数 2

分类专栏： vue 文章标签： vue.js

于 2024-04-30 17:57:14 首次发布

本文链接：https://blog.csdn.net/m0_73363632/article/details/138353227

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

使用定时器循环调用countDown

// 获取时间戳
function getTimeStamp(val) {
   let time = val ? new Date(val) : new Date();
   return parseInt(time.getTime() / 1000);
}

// 倒计时
function countDown(val) {
   let time = getTimeStamp(val) - getTimeStamp();
   let oneDay = 24 * 60 * 60;
   let oneHour = 60 * 60;
   let oneMin = 60;
   let oneSen = 60;
   let day = parseInt(time / oneDay);
   let hour = parseInt((time - (day * oneDay)) / oneHour);
   let min = parseInt((time - (day * oneDay) - (hour * oneHour)) / oneMin);
   let sen = parseInt((time - (day * oneDay) - (hour * oneHour) - (min * oneMin)));

   return `${day}天${hour}时${min}分${sen>9?sen:'0'+sen}秒`
}