比较精确的js倒计时实现
生活随笔
收集整理的這篇文章主要介紹了
比较精确的js倒计时实现
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
// 傳入需要倒計(jì)時(shí)的秒數(shù)countDown(times) {// 時(shí)間間隔 1秒const interval = 1000;// 計(jì)算時(shí)間,轉(zhuǎn)化為毫秒let ms = times * 1000;let count = 0;const startTime = new Date().getTime();const endTime = startTime + ms;let timeCounter;timeCounter = setTimeout(countDownStart, interval)function countDownStart() {count++const offset = new Date().getTime() - (startTime + count * interval);// 計(jì)算剩余時(shí)間const diff = endTime - new Date().getTime();const h = Math.floor(diff / (60 * 1000 * 60));const hdiff = diff % (60 * 1000 * 60);const m = Math.floor(hdiff / (60 * 1000));const mdiff = hdiff % (60 * 1000);const s = mdiff / (1000);const sCeil = Math.ceil(s);const sFloor = Math.floor(s);let nextTime = interval - offset;if (nextTime < 0) {nextTime = 0}ms = ms - interval;console.log(`誤差:${offset} ms,下一次執(zhí)行:${nextTime} ms 后,離活動(dòng)開始還有:${ms} ms`);console.log('時(shí):' + h, '分:' + m, '毫秒:' + s, '秒向上取整:' + sCeil)if (ms < 0) {clearTimeout(timeCounter)console.log('此處執(zhí)行自己想要的操作')} else {timeCounter = setTimeout(countDownStart, nextTime)}}}
核心代碼如上,可以更具自己的業(yè)務(wù)邏輯修改
總結(jié)
以上是生活随笔為你收集整理的比较精确的js倒计时实现的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 大数据学习之Linux环境搭建(导航)
- 下一篇: 测试管理