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

2018-02-10 13:13:12来源:作者:人点击

分享

本文实例为大家分享了微信小程序实现获取验证码倒计时效果的具体代码,供大家参考,具体内容如下

wxml

<button disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">{{time}}</button>

js

var interval = null //倒计时函数Page({ data: { date:'请选择日期', fun_id:2, time: '获取验证码', //倒计时  currentTime:61 },  getCode: function (options){ var that = this; var currentTime = that.data.currentTime interval = setInterval(function () {  currentTime--;  that.setData({  time: currentTime+'秒'  })  if (currentTime <= 0) {  clearInterval(interval)  that.setData({   time: '重新发送',   currentTime:61,   disabled: false   })  } }, 100)  }, getVerificationCode(){ this.getCode(); var that = this that.setData({  disabled:true }) },})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持第七城市。

您可能感兴趣的文章:

  • 微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
  • 微信小程序实现倒计时60s获取验证码
  • 微信小程序倒计时功能实现代码
  • 微信小程序之发送短信倒计时功能
  • 微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
  • 微信小程序动态显示项目倒计时效果
  • 微信小程序电商常用倒计时实现实例
  • Android中微信小程序支付倒计时功能
  • 微信小程序 倒计时组件实现代码

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台