用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 新手教程 查看内容

微信小程序 短信验证码登录 倒计时 setInterval

Rolan 2018-9-14 00:19

需求:输入手机号 - 点击获取验证码 - 进入60s倒计时短信验证码登录 data: { seconds: 0, // 读秒 timer: '' // 计时器 }, let that = this // 开始倒计时 that.setData({ seconds: 60, timer: setInterval(funct ...

需求:输入手机号 -> 点击获取验证码 -> 进入60s倒计时 

短信验证码登录

  1. data: {
  2. seconds: 0, // 读秒
  3. timer: '' // 计时器
  4. },
  5. let that = this
  6. // 开始倒计时
  7. that.setData({
  8. seconds: 60,
  9. timer: setInterval(function(){
  10. let seconds = that.data.seconds
  11. that.setData({ seconds: seconds - 1 })
  12. if (that.data.seconds == 0) {
  13. // 读秒结束 清空计时器
  14. clearInterval(that.data.timer)
  15. }
  16. }, 1000)
  17. })


鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 一本大书 来自: 简书