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

这篇文章主要为大家详细介绍了微信小程序实现验证码获取倒计时效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

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

wxml

 button disabled= #39;{{disabled}} #39; data-id= 2 bindtap= getVerificationCode 
{{time}}
 /button 

js

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

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

微信小程序实现倒计时调用相机自动拍照功能

关于微信小程序的选择器（时间，日期，地区）的解析

微信小程序动态显示项目倒计时的效果

以上就是微信小程序实现验证码获取倒计时的效果的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！