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

来源:互联网 发布:《unity3d视频教程》 编辑:程序博客网 时间:2024/06/14 08:13

这里写图片描述

这里写图片描述

这里写图片描述

wxml
<button disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">{{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 <= 0) {        clearInterval(interval)        that.setData({          time: '重新发送',          currentTime:61,          disabled: false           })      }    }, 100)    },  getVerificationCode(){    this.getCode();    var that = this    that.setData({      disabled:true    })  },})