广告：宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取~~~

本文主要和大家详细介绍微信小程序实现验证码获取倒计时效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

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 }) },})

相关推荐：

canvas绚丽倒计时实现代码分享

限时抢购倒计时功能实现方法

jquery倒计时小应用实现代码

以上就是微信小程序验证码获取倒计时效果代码分享的详细内容，更多请关注9543建站博客其它相关文章！