美文网首页微信小程序分享
微信小程序-短信验证码倒计时简单实现

微信小程序-短信验证码倒计时简单实现

作者: Mr_Atom | 来源:发表于2018-07-10 11:41 被阅读30次

    话不多说,直接上代码:

    var countdown = 60;// 倒计时60s定义

    var settime = function (that) {

      if (countdown == 0) {

        that.setData({

          alreadyGetVerifyCode: false

        })

        countdown = 60;

        return;

      } else {

        that.setData({

          alreadyGetVerifyCode: true,

          coolingTime: `${countdown}s重新获取`

        })

        countdown--;

      }

      setTimeout(function () {

        settime(that)

      }

        , 1000)

    }

    Page({

      /**

      * 页面的初始数据

      */

      data: {

        alreadyGetVerifyCode:false,

        coolingTime:''

      },

    /**

      * 获取验证码事件

      */

      getVerifyCodeAction:function(e) {

        if (!this.data.alreadyGetVerifyCode) {

          var that = this;

          that.setData({

            alreadyGetVerifyCode: (!that.data.alreadyGetVerifyCode)

          })

          settime(that);

        } else {

          console.log('验证码CD');

        }

      }

    相关文章

      网友评论

        本文标题:微信小程序-短信验证码倒计时简单实现

        本文链接:https://www.haomeiwen.com/subject/frkyjftx.html