支付宝小程序 中实现 验证码倒计时效果

有需要验证码的地方可能 就需要做到这个样子吧

index.axml

<view a:if="{{yz}}" onTap="getCode">获取验证码</view><view a:else>重新获取({{count}}s)</view>

index.js

data:{yz:true,count:60}// 获取验证码getCode(){this.setData({yz:false // 隐藏获取验证码的文案})},// 验证码 读秒setTimer(){let timer=setInterval(()=>{if(this.data.count<1){this.setData({yz:true,count:60})clearInterval(timer); // 清空定时器}var count=this.data.count-1;this.setData({count:count})},1000)},

如果觉得《支付宝小程序 中实现 验证码倒计时效果》对你有帮助，请点赞、收藏，并留下你的观点哦！