用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

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

纸飞机 2018-11-12 16:05

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

需求:输入手机号 -> 点击获取验证码 -> 进入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空间
收藏