微信小程序使用setTimeout制作定时器的思路
Posted 霍莉雪特
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序使用setTimeout制作定时器的思路相关的知识,希望对你有一定的参考价值。
setTimeout(func, time)可以使得每隔time毫秒就执行一次func函数,常用来做计时器/时钟。
下面是在微信小程序中的使用思路,只截取了关键部分代码。
Page({ // ...省略 // 自定义的开始按钮 startBtn: function () { console.log("focusMode:开始按钮"); Countdown(); }, }); // 倒计时 function Countdown() { setTimeout(function () { console.log("----Countdown----"); Countdown(); }, 1000); };
setTimeout()延迟指定毫秒数后执行指定函数,可通过递归调用setTimeout()来实现各种计时器功能。
如果想做每秒钟刷新一次的时钟,只需每次执行时间转换函数并setData更新界面即可。
下面是javascript关于时间的转换函数。
// 秒数 --> 时:分:秒 function formatTime(seconds) { return [ parseInt(seconds / 60 / 60), parseInt(seconds / 60 % 60), parseInt(seconds % 60) ] .join(":") .replace(/\b(\d)\b/g, "0$1"); }
另外,做定时重复调用函数的功能时,用setTimeOut()代替setInterval(),因为setInterval()是有误差的!详情参考
参考资料:
以上是关于微信小程序使用setTimeout制作定时器的思路的主要内容,如果未能解决你的问题,请参考以下文章