js 带暂停功能的倒计时插件

来源：互联网发布：公司需要中文域名吗编辑：程序博客网时间：2024/06/05 18:51

带暂停功能的倒计时插件

settimeInterval会让倒计时延迟，因为js是单线程，会出现卡顿现象，本插件使用setTimeout优化倒计时缓慢问题

核心代码如下：

var offset = new Date().getTime() - (startTime + startCount * speed);startCount++;var nextTime = speed - offset;if (nextTime < 0) nextTime = 0;canvasTime = setTimeout(fixed, nextTime);var start = 1.5 * Math.PI -  pauseData.increase * count;ctx.clearRect(0, 0, canvasW, canvasH);ctx.beginPath();ctx.strokeStyle = pauseData.color;ctx.closePath();ctx.arc(60, 60, 56, start, -0.5 * Math.PI, true);ctx.lineWidth = 3;ctx.stroke();if (pauseData.totalTime > 0) {    pauseData.totalTime -= speed;} else {    pauseData.totalTime = 0;}

代码地址：https://github.com/wamgwei/timer-countDown

可以加我qq：3585929388，欢迎前端小伙伴一起沟通交流问题。

阅读全文

0 0