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

网友投稿 469 2023-02-18


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

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

wxml

{{time}}

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 = setIhttp://nterval(function () {

currentTime--;

that.setData({

time: currentTime+'秒'

})

if (currentTime <= 0) {

clearInterval(interval)

that.setData({

time: 'KAqZTPPp重新发送',

currentTime:61,

disabled: false

})

}

}, 100)

},

getVerificationCode(){

this.getCode();

var that = this

that.setData({

disabled:true

})

},

})


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Hibernate的Session_flush与隔离级别代码详解
下一篇:使用veloticy
相关文章

 发表评论

暂时没有评论,来抢沙发吧~