小程序定时器 微信小程序定时器setInterval

小程序开发

2021-04-08

  定时器(timer)的clearInverval指令对定时器清除不干净,导致首页会嵌套(循环)开启定时器,导致产生很多刷新纪录的进程,今天厦门在乎科技为大家带来微信小程序定时器setInterval,一起来看看吧。

  setTimeout:

  

小程序定时器 微信小程序定时器setInterval


  上面就是一个2s的定时器,最基础的简单用法。

  这个方法也可以返回一个id,即定时器id,用来清除定时,比如:clearTimeout(timeoutID)

  setInterval

  setInterval与setTimeout的使用差别不大,参数都是一样的,区别就在于setTimeout是到时执行一次,setInterval是根据设置的时间来回调的,比如每秒回调一次。

  下面以一个获取验证码的场景来简单示例下:

  业务:点击获取验证码按钮之后开启一个60s的倒计时,并置灰按钮,60s之后恢复可点击状态。

  1,data中定义参数

  

小程序定时器 微信小程序定时器setInterval


  2,wxml中的引用

  

小程序定时器 微信小程序定时器setInterval


  3,定义的事件sendCode

  

小程序定时器 微信小程序定时器setInterval


  每秒执行一次,并定义一个变量记录

  60s之内,设置文字显示、颜色、不可点击

  之后,同上,并且清除定时器,即clearInterval(i)

  以上就是今天为大家带来的小程序定时器,想要了解更多关于小程序开发的内容,欢迎关注厦门在乎科技-专注小程序、APP开发。

即刻联系「在乎科技」专业项目经理为您提供产品咨询和项目报价!

立即咨询

CONTACT US

联系我们

联系电话:

131-6399-9993

电子邮箱:

公司地址:

厦门市思明区莲花南路6号北方大厦601单元

公司地址