小程序收取短信的倒计时方法

最新推荐文章于 2021-05-06 14:30:49 发布

aaron9185

最新推荐文章于 2021-05-06 14:30:49 发布

阅读量290

点赞数

文章标签：小程序 60秒倒计时发送短信倒计时

 
  小程序的收取短信的倒计时方法？ 
 
  //page中添加属性（事件） 
 
   mobileInputEvent: 
  function (e) { 
 
  this.setData({ 
 
   mobile: e.detail.value 
 
   }) 
 
   }, 
 
   verifyCodeEvent: 
  function (e) { 
 
  if ( 
  this.data.buttonDisable) 
  return 
  false; 
 
  var that = 
  this; 
 
  var c = 
  60; 
 
  var intervalId = setInterval( 
  function () { 
 
   c = c - 
  1; 
 
   that.setData({ 
 
   verifyCodeTime: c + 
  's后重发', 
 
   buttonDisable: 
  true 
 
   }) 
 
  if (c == 
  0) { 
 
   clearInterval(intervalId); 
 
   that.setData({ 
 
   verifyCodeTime: 
  '获取验证码', 
 
   buttonDisable: 
  false 
 
   }) 
 
   } 
 
   }, 
  1000) 
 
  var mobile = 
  this.data.mobile; 
 
  var regMobile = /^1\d{10}$/; 
 
  if (!regMobile.test(mobile)) { 
 
   wx.showToast({ 
 
   title: 
  '手机号有误！' 
 
   }) 
 
  return 
  false; 
 
   } 
 
   app.sendVerifyCode( 
  function () { }, mobile); 
  //获取短信验证码接口 
 
   }