zoukankan      html  css  js  c++  java
  • 微信小程序发送验证码功能,验证码倒计时

    data{
            timer:'',
            countDownNum:'发送验证码',
        }
        // 点击验证码倒计时获取验证码
        Gain:function(e){
            let that = this
            let countDownNum = '60'
            that.setData({
              timer: setInterval(function () {//这里把setInterval赋值给变量名为timer的变量
                //每隔一秒countDownNum就减一,实现同步
                countDownNum--;
                //然后把countDownNum存进data,好让用户知道时间在倒计着
                that.setData({
                  countDownNum: countDownNum+'s'
                })
                //在倒计时还未到0时,这中间可以做其他的事情,按项目需求来
                if (countDownNum == 0) {
                  //这里特别要注意,计时器是始终一直在走的,如果你的时间为0,那么就要关掉定时器!不然相当耗性能
                  //因为timer是存在data里面的,所以在关掉时,也要在data里取出后再关闭
                  clearInterval(that.data.timer);
                  that.setData({
                    countDownNum: '发送验证码'
                  })
                  //关闭定时器之后,可作其他处理codes go here
                }
              }, 1000)
            })
          },
  • 相关阅读:
    【6.29】数组和方法
    【6.28】判断和循环
    【6.27】两个数交换的4种方法
    NodeJS学习笔记
    准备使用马克飞象写博客
    前端基础
    学习笔记
    数据结构 — Java链表
    Java 日期类型与字符串的相互转换
    Scala(一)基础
  • 原文地址:https://www.cnblogs.com/wuliujun521/p/11775375.html
Copyright © 2011-2022 走看看