微信小程序倒计时功能实现代码

　　

倒计时功能是一个比较常见的功能,比如用户获取验证码就需要用到。这里记录一下在微信小程序里面倒计时功能的简单实现。

　　

直接看看代码吧

　　 　　//倒计时60秒 　　函数倒计时(,计数){ 　　如果(count==0) { 　　that.setData ({ 　　timeCountDownTop:“获取验证码”, 　　计数:假 　　}) 　　返回; 　　} 　　that.setData ({ 　　计数:没错, 　　timeCountDownTop:计数+秒后重新获取”, 　　}) 　　setTimeout(函数(){ 　　数, 　　倒计时(数); 　　}, 1000); 　　} 　　 　　

在需要倒计时的地方调用

　　 　　 　　页面({ 　　数据:{ 　　计数:假 　　},//生成验证码 　　generateVerifyCode:函数(){ 　　var=这个; 　　如果(! that.data.counting) { 　　wx.showToast ({ 　　标题:“验证码已发送的, 　　})//开始倒计时60秒 　　倒计时(60); 　　} 　　}, 　　}) 　　 　　

下面简单介绍下功能的实现

　　

首先倒计时的方法是写在页面的外面,这个别搞错了

　　

实现倒计时关键的地方在于setTimeout方法,也即下面这段代码.setTimeout方法可以设置在指定的时间间隔执行某个函数。应用的格式是setTimeout(时间()函数),函数就是对应要执行的方法,时间就是时间间隔,这里的1000表示1000毫秒,也就是间隔1秒执行一次倒计时方法。

　　 　　 　　setTimeout(函数(){ 　　数, 　　倒计时(数); 　　},1000)、 　　 　　
    　　<李>倒计时方法中利用数字段来设置倒计时的时间,比如这里是60秒李 　　<李>倒计时方法中把,也传递进去是为了在倒计时状态改变时利用setData方法更新页面李 　　<李>倒计时方法中利用数字段来判断是否已经在倒计时了,避免重复开始倒计时李 　　
　　

倒计时结束是通过计数来判断,通过返回直接退出

　　

　　

以上所述是小编给大家介绍的微信小程序倒计时功能实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

微信小程序倒计时功能实现代码