微信小程序中验证码倒计时计数的实例及代码解析

// pages/login/login.js

const app = getApp()

Page({

  /**

   * 页面的初始数据

   */

  data: {

    countdown: 60,

    isShow:true

  },

  //倒计时

  count:function(that){

    var interval = setInterval(function () {

      var countdown = that.data.countdown;

      if (countdown == 0) {

        that.setData({

          isShow: true,

          countdown: 60

        })

        clearInterval(interval)

      } else {

        countdown--;

        that.setData({

          isShow: false,

          countdown: countdown

        })

      }

    }, 1000)

  },

  //设置手机号

  shj: function (e) {

    this.setData({

      tel: e.detail.value

    })

  },

  //获取验证码

  send: function () {

    var that=this;

    wx.showToast({

      title: '验证码发送成功',

      icon: 'none',

      duration: 1000,

      success: function () {

        that.count(that)

      }

    })

  },

  /**

   * 生命周期函数--监听页面加载

   */

  onLoad: function (options) {

  },

})