• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序手机验证码获取倒计时 刷新页面也会继续

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

wx.ml

  <view class="item {{change2?\'change_border\':\'\'}}">
        <label for="">验证码</label>
        <input type="testmsg"  value="{{testmsg}}" data-index="2" bindblur="nochanegBorder" bindinput="changeValue" bindfocus="changeBorder" placeholder="请输入密码" />
        <view class="test {{getTest?\'\':\'test_active\'}}" bindtap="{{getTest?\'\':\'getTestMsg\'">{{getTest?\'重新获取\'+waitTime/1000+\'S\':\'获取验证码\'}}</view>
    </view>

wx.js

  onLoad: function (options) {
    let that = this;
    let waitTime = wx.getStorageSync(\'waitTime\')
    let getTest = wx.getStorageSync(\'getTest\')
    if (waitTime) {
      that.setData({
        waitTime
      },()=>{
        if(waitTime!==0 && waitTime!==60000){
          that.getTestMsg()
        }
      })
    } else {
      wx.setStorageSync(\'waitTime\', 60000)
    }
    if (getTest) {
      that.setData({
        getTest
      })
    } else {
      wx.setStorageSync(\'getTest\', false)
    }
  },

  getTestMsg() {
    const that = this;
    let waitTime = wx.getStorageSync(\'waitTime\');
    console.log(waitTime)
    if (!that.data.getTest) {
      that.setData({
        getTest: true
      },()=>{
        wx.setStorageSync(\'getTest\',true)
      })
    }
    //发送验证码
    if (waitTime == 0) {
      that.setData({
        getTest: false
      }, () => {
        wx.setStorageSync(\'waitTime\', 60000)
        wx.setStorageSync(\'getTest\', false)
      })
      //重新获取验证码
    } else {
      setTimeout(() => {
        waitTime = waitTime - 1000;
        that.setData({
          waitTime
        }, () => {
          wx.setStorageSync(\'waitTime\', waitTime)
          return that.getTestMsg()
        })
      }, 1000)
    }
  }

 

微信小程序验证码JS获取最新

 demo() {
    const that=this;
    //获取最新时间
    let newTime = new Date().getTime();
    //获取旧时间
    wx.getStorage({
      key: "oldTime",
      complete(res) {
        //旧时间不存在
        if (!res.data) {
          wx.setStorage({
            key: "oldTime",
            data: newTime,
            success() {
                //递归调用demo
                return that.demo();
            }
          })
        } else {
          //旧时间存在
          let oldTime = res.data;
          let Timeresult = parseInt((newTime - oldTime) / 1000) * 1000;
          if (Timeresult >60000) {
            //清楚旧时间
            wx.removeStorage({
              key: \'oldTime\'
            })
          } else {
            //延时
            setTimeout(() => {
              that.setData({
                waitTime:(60000 - Timeresult)/1000
              },()=>{
                if(Timeresult==0){
                  //发送验证码
                  return that.demo();
                }else{
                  //递归调用demo
                  return that.demo();
                }
              })
            }, 1000)
          }
        }
      }
    })
  }

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序发送短信验证码倒计时发布时间:2022-07-18
下一篇:
微信小程序,开通腾讯云短信服务与使用(基于python)发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap