微信小程序短信倒计时60秒提醒功能实现

简介: 背景我们是西安卫生局平台项目,给陕西健康卡完成移动App开发后,进军小程序开发问题迁移到登陆验证码获取,需要有倒计时功能,app使用到setTimeout ,出问题了?!死活递归调用不了耗时整整一个早晨的战斗,什么 外部定义方法啊 内部传递变量啊 等等。

背景
我们是西安卫生局平台项目,给陕西健康卡完成移动App开发后,进军小程序开发

问题
迁移到登陆验证码获取,需要有倒计时功能,app使用到setTimeout ,出问题了?!死活递归调用不了
微信小程序短信倒计时60秒提醒功能实现

耗时
整整一个早晨的战斗,什么 外部定义方法啊 内部传递变量啊 等等。。。最后宣告失败

突破
发现了setInterval倒计时,果然好使。成功运行代码如下

    // 60秒后重新获取验证码
    var inter = setInterval(function () {
      this.setData({
        snsCodeMsg: "重新发送(" + this.data.snsMsgWait + ")",
        snsMsgWait: this.data.snsMsgWait - 1
      });
      if (this.data.snsMsgWait < 0) {
        clearInterval(inter)
        this.setData({
          snsCodeMsg: "获取验证码",
          snsMsgWait: 60
        });
      }
    }.bind(this), 1000);

注意后面的bind绑定,最关键。不然又是未定义,无法使用外围的变量。
微信小程序短信倒计时60秒提醒功能实现

最后
请不要放弃,想要的效果总会出现,坚持换个思路。


沫沫金提供,谢谢你的观看。朋友的软件开发都找我,你也可以。请百度搜索我得名字,你可和我一对一讨论技术。

目录
相关文章
|
4月前
|
小程序 Devops 开发工具
支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览
支付宝小程序入门学习之一:如何创建支付宝小程序并在手机上预览
|
10月前
|
小程序 JavaScript API
微信小程序扫一扫的功能实现
微信小程序扫一扫的功能实现
451 0
|
10天前
|
小程序
|
3月前
|
存储 小程序 前端开发
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
【微信小程序 - 工作实战分享】1.微信小程序发送手机短信验证码(阿里云)
228 0
|
3月前
|
程序员
程序员必知:微信报错40029微信模板推送消息报错问题
程序员必知:微信报错40029微信模板推送消息报错问题
109 0
|
10月前
|
存储 缓存 小程序
微信小程序登录流程
微信小程序登录流程
408 0
|
小程序 JavaScript
微信小程序登录与注册验证码倒计时的效果实现
微信小程序登录与注册验证码倒计时的效果实现
280 0
|
小程序 开发工具
微信答题小程序,零基础都能做
这些模版的用处跟我原来制作它们时所想象的有很大的不同,原本以为这些项目主要用来学习开发,后来慢慢的发现这些模版发挥的最大的价值是:它们将制作小游戏/小程序的门槛进一步降低了,低到了让更多的人愿意尝试的地步。
104 0
|
小程序
人人都能做个微信答题小程序
嗨!大家好,我是小蚂蚁。这是一个面向每个人的微信答题小程序教程,只要你有制作答题小程序的需求,就可以根据本教程定制一个自己的微信答题小程序。 这是我制作的一个微信答题小程序的项目,你只需要在其基础上进行改编即可,所以你无需具备任何的开发经验,也无需处理任何技术上的事情。只需要根据自己的需求,编辑自己的题库,然后发布自己的微信答题小程序。
142 0
|
小程序
微信小程序获取验证码倒计时60秒案例
微信小程序获取验证码倒计时60秒案例
419 1
微信小程序获取验证码倒计时60秒案例