小程序 · 2023年11月28日

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

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

wxml

<button>
{{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 <p>相关推荐:</p><p><a href="http://www.php.cn/js-tutorial-386385.html" target="_self">canvas绚丽倒计时实现代码分享</a></p><p><a href="http://www.php.cn/js-tutorial-386384.html" target="_self">限时抢购倒计时功能实现方法</a></p><p><a href="http://www.php.cn/js-tutorial-386332.html" target="_self">jquery倒计时小应用实现代码</a></p><p class="art_xg"><br></p>

登录后复制

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