PHP前端开发

微信小程序实例:如何验证码的倒计时计数(代码)

百变鹏仔 6天前 #前端问答
文章标签 验证码

本篇文章给大家带来的内容是关于微信小程序实例:如何验证码的倒计时计数(代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

// pages/login/login.jsconst 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) {      },})