今天需要用到一个倒计时功能,就简单封装了一个函数在这里保存一下,以便下次再用的时候直接CV
// 封装倒计时组件
function DownTime(dom, endTime) {
let thisEndTime = new Date(endTime)//获取截至点
var downFn = setInterval(() => {
let newTime = new Date().getTime()//获取当前时间
let backTime = thisEndTime - newTime//计算剩余时间
var d = Math.floor(backTime / (1000 * 60 * 60 * 24)); //计算天数
var h = Math.floor(backTime / (1000 * 60 * 60) % 24); //计算小时数
var m = Math.floor(backTime / (1000 * 60) % 60); //计算分钟数
var s = Math.floor(backTime / 1000 % 60); //计算秒数
$(dom).html(`
<span class="E_time">${d} </span>
<span class="E_Time_title">天</span>
<span class="E_time">${h} </span>
<span class="E_Time_title">时</span>
<span class="E_time">${m} </span>
<span class="E_Time_title">分</span>
<span class="E_time">${s} </span>
<span class="E_Time_title">秒</span>
`)
if (backTime < 0) {
$(dom).html(`已截止`)
clearInterval(downFn)
}
}, 1000)
}
//调用
let DownTimeOne = new DownTime(".E_downTime_info_Time",'2022/5/17 9:50')
如果有需要的小伙伴也自取吧