微信小程序验证码获取倒计时效果代码分享

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

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倒计时小应用实现代码

以上就是微信小程序验证码获取倒计时效果代码分享的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: 效果
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:小程序实现语音识别经验分享

相关资讯