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

转载 2018年04月16日 22:10:36
小程序的收取短信的倒计时方法?
//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);//获取短信验证码接口
}

微信小程序项目实战

-
  • 1970年01月01日 08:00

获取短信验证码时的倒计时按钮实现

在Android中实现倒计时有多种方式,如使用传统的java方式Timer+TimerTask等,这里我们使用系统自带的类CountDownTimer。CountDownTimer内部使用的是Hand...
  • ruancoder
  • ruancoder
  • 2016-07-09 13:25:49
  • 5438

短信验证码60倒计时,jquery/js实现案例-短信平台验证码开发8

短信验证码发送完后, 可能会由于某些原因, 用户没有收到短信, 我们需要给用户重新发送一条。 但是需要跟上一条有一个时间间隔, 不然会有用户恶意点击, ...
  • towtotow
  • towtotow
  • 2017-11-01 09:21:40
  • 414

微信小程序倒计时组件开发

微信小程序倒计时组件具体开发步骤
  • qq_38125123
  • qq_38125123
  • 2017-06-19 11:46:25
  • 545

微信小程序 —— 验证码获取倒计时效果

wxml {{time}} js var interval = null //倒计时函数 Page({ data: { date:'请选择日期', fun_id:2, t...
  • Wu_shuxuan
  • Wu_shuxuan
  • 2017-11-15 11:34:24
  • 4096

微信小程序验证码倒计时60秒

wxml button class="buttonget" disabled="{{disabled}}" data-id="2" bindtap="getBtn" > {{time}...
  • Xjiayi
  • Xjiayi
  • 2018-01-20 12:35:27
  • 649

微信小程序_倒计时补零

微信小程序中 "倒计时自动补零" 的一点代码,方法比较简单粗暴,想着以后怎么也能用到,就先总结出来了。...
  • siwen1990
  • siwen1990
  • 2017-01-30 17:14:46
  • 2193

微信小程序中显示倒计时

wxml文件中: {{countDownDay}}天 {{countDownHour}}时 {{countDownMinute}}分 {...
  • yishengzhiai005
  • yishengzhiai005
  • 2017-08-11 16:42:50
  • 8117

小程序简单实现倒计时效果

  • 2016年11月24日 11:06
  • 6KB
  • 下载

微信小程序开发(3)--倒计时60获取验证码

微信小程序获取验证码
  • qq_28189091
  • qq_28189091
  • 2017-07-06 15:06:10
  • 2337
收藏助手
不良信息举报
您举报文章:小程序收取短信的倒计时方法
举报原因:
原因补充:

(最多只允许输入30个字)