小程序验证码60秒倒计时

<button disabled="{{isClick}}" class="r_code" bindtap="getCountdown">{{timeCode}}</button>

 /*** 页面的初始数据*/data: {navbarData: { // 组件所需的参数showCapsule: true, //是否显示左上角图标  capsuleType: 'return', // 左上角图标类型  / returntitle: '用户注册', //导航栏 中间的标题},timeCode: '获取验证码',currentTime: 61,  // 验证码倒计时秒数isClick: false, // 获取验证码是否能点击},/*** 生命周期函数--监听页面加载*/onLoad(options) {},/*** 获取验证码 倒计时60秒*/getCode() {let that = this;let currentTime = that.data.currentTimelet interval = setInterval(() => {currentTime = currentTime - 1that.setData({timeCode: currentTime + '秒'})if (currentTime <= 0) {clearInterval(interval)that.setData({timeCode: '重新发送',currentTime: 61,isClick: false})}}, 1000)},/*** 点击 获取验证码*/getCountdown() {let that = this;this.getCode();that.setData({isClick: true})},

小程序验证码60秒倒计时相关推荐

免费获取验证码60秒倒计时
免费获取验证码60秒倒计时 <!DOCTYPE html> <html> <head> <script src="http://libs.baidu ...
简单实现vue验证码60秒倒计时功能
简单实现vue验证码60秒倒计时功能 <span v-if="codeShow" @click="getPhoneCode">点击获取验证码< ...
vue页面实现短信验证码60秒倒计时
废话不多说,直接上代码. template <div class='single-wrapper fs14'><div class='single-mb'>短信验证</d ...
vue获取手机验证码60秒倒计时，不能点击按钮
vue获取手机验证码60秒倒计时,不能点击按钮 export const resend = element => {console.log(element)var num = 60var tim ...
获取验证码 60秒倒计时
获取验证码 60秒倒计时 html部分代码 <view><view class="mobile verification"><input v-mode ...
uni验证码60秒倒计时
uni验证码60秒倒计时其实要实现这个功能原理非常简单,就是setInterval+setTimeout+clearInterval结合使用,首先在data里定义一个变量second,初始值为60, ...
微信小程序发送验证码60秒倒计时
wxml <view class="li-send" bindtap="onSend" wx:if="{{send}}">发送验 ...
使用Jquery实现获取短信验证码60秒倒计时
现在使用手机号+验证码的方式注册账号已经成为一种必备功能,当我们输入手机号点击发送验证码按钮后,按钮应该不可被再次点击,并开始倒计时,倒计时结束后才能再次点击.这一个可以借助某些插件实现,但其实使用J ...
短信验证码60秒倒计时
html 区域 <el-button :disabled="isClick" @click="doNotRepeatOperation">{{tim ...

小程序验证码60秒倒计时

小程序验证码60秒倒计时相关推荐

最新文章

热门文章

小程序 验证码60秒倒计时

小程序 验证码60秒倒计时相关推荐

最新文章

热门文章

小程序验证码60秒倒计时

小程序验证码60秒倒计时相关推荐