比较精确的js倒计时实现

    // 传入需要倒计时的秒数countDown(times) {// 时间间隔 1秒const interval = 1000;// 计算时间，转化为毫秒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);// 计算剩余时间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，下一次执行：${nextTime} ms 后，离活动开始还有：${ms} ms`);console.log('时：' + h, '分：' + m, '毫秒：' + s, '秒向上取整：' + sCeil)if (ms < 0) {clearTimeout(timeCounter)console.log('此处执行自己想要的操作')} else {timeCounter = setTimeout(countDownStart, nextTime)}}}

核心代码如上，可以更具自己的业务逻辑修改

比较精确的js倒计时实现相关推荐

html倒计时代码原理,最全面的JS倒计时代码
本文实例为大家分享了JS倒计时展示的具体代码,供大家参考,具体内容如下第一种:精确到秒的javascript倒计时代码 HTML代码: 离2010年还有: startclock() var time ...
手机锁屏js倒计时停止问题解决办法探索
手机锁屏js倒计时停止问题解决办法探索参考文章: (1)手机锁屏js倒计时停止问题解决办法探索 (2)https://www.cnblogs.com/wuyuchao/p/10086982.html ...
js 倒计时 php,2种简单的js倒计时实现方法
本文主要为大家详细介绍了2个简单js倒计时方式,一是带天数的倒计时,二是单纯分钟和秒倒计时,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 一般倒计时的时间都是后台传来的然后渲染 ...
js倒计时刷新页面不受影响
JS倒计时(无视页面刷新)使用localStorage <html> <head> <title>JS倒计时(无视页面刷新)使用localStorage</t ...
js倒计时代码支持同一页面多个倒计时代码(转)
js倒计时代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> ...
JS 倒计时(一天的倒计时)
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html> <head><meta charset ...
js 倒计时 php,JS如何实现分钟倒计时（十分钟倒计时实例）
工作中经常需要在页面中设置倒计时,那你知道JS如何实现分钟倒计时吗?这篇文章和大家分享一个JS十分钟倒计时代码,非常简单实用,感兴趣的朋友可以看看. 编写JS倒计时代码需要用到很多JavaScript ...
直播电商软件开发，js 倒计时编写
直播电商软件开发,js 倒计时编写相关的代码 countDownCtrl() {let that = thislet startTime = new Date().getTime()let endTi ...
js倒计时(js倒计时5秒)
倒计时69天!大家倒计时多少天了? 我是倒计时90天了,很享受宝宝每天胎动的时间什么是倒计时载入页面的JS代码? diffSecs = timeDiff/1000; //因为时间以毫秒为单位 ret ...

比较精确的js倒计时实现

比较精确的js倒计时实现相关推荐

最新文章

热门文章