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

实现效果图

使用方法: setInterval

demo:(如果对 setInterval不了解的可以先百度下)

xml 中写一个按钮:

<view class="container"><view class='countDown'><button style='color:red' disabled='{{isOk}}' bindtap='click'>{{countDownTime}}</button></view></view>

js中

   data: {countDownTime:"获取验证码",isOk: false,},click:function(){this.getCode();},getCode:function(){var that = thisvar time = 60var isOk = that.data.isOkvar timer = setInterval(function () {time--;if (time <= 0) {clearInterval(timer);that.setData({countDownTime: "重新发送",isOk: false,})} else {that.setData({countDownTime: time + "s",isOk: true})}}, 1000)},

demo地址参考

微信小程序获取验证码倒计时相关推荐

微信小程序开发之倒计时定时器
微信小程序获取验证码,倒计时60秒!这个在微信中也经常遇到,因此给大家分享出来,逻辑就不过多的解释.这个是自定义的方法,大家在调用的时候,直接绑定在按钮上,直接this.getcode()一下就可以调 ...
微信小程序获取手机验证码短信验证码后端功能实现解析
本文原创首发CSDN,链接 https://mp.csdn.net/console/editor/html/106041472 ,作者博客https://blog.csdn.net/qq_414641 ...
微信小程序多个倒计时
wechatide://minicode/QUV0k2mG7R2Q 这是微信小程序的一个倒计时代码片段,但在苹果手机里,这个倒计时并不会显示!! 原因是在苹果手机里时间戳的转换问题!! 可兼容苹果安卓 ...
微信小程序，验证码输入框
微信小程序,验证码输入效果预览写了个小程序验证码输入的小demo,用的方法是比较猥琐的隐藏input框,输入内容绑定的方法 wxml代码 <view class="wx-page- ...
微信小程序获取Onenet图片
微信小程序获取Onenet平台的图片目录微信小程序获取Onenet平台的图片 1.Onenet平台 2.微信小程序 1.Onenet平台我做的项目是通过STM32F4开发板,结合ov2640摄像 ...
微信小程序获取openid和session_key并且把openid存入数据库
微信小程序开发交流qq群 581478349 微信小程序获取openid和session_key并且把openid存入数据库.已经调用openid的demo 前后端代码都有,后端php实现在其它 ...
android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...
#微信小程序获取音频时长与实时获取播放进度在小程序官方文档中 audio 注意:1.6.0 版本开始,该组件不再维护.建议使用能力更强的 wx.createInnerAudioContext 接口 ...
微信小程序获取用户手机号--官方示例
微信小程序获取用户手机号–官方示例 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNu ...
微信小程序获取用户信息并保存登录状态
微信小程序获取用户信息并保存登录状态:http://www.360doc.com/content/18/0124/11/9200790_724662071.shtml 转载于:https://www ...

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

微信小程序获取验证码倒计时相关推荐

最新文章

热门文章