专栏首页移动开发分享微信小程序60秒倒计时插件
原创

微信小程序60秒倒计时插件

为了帮助开发者更便捷的使用微信小程序的短信验证码功能,特别是初学者更好的使用,榛子云短信特地开发了60秒倒计时插件,效果:

使用方法

1.引入插件countdown.js

var CountDown = require('../../utils/countdown.js');

2.在 onLoad 周期初始化

onLoad: function () {
   this.countdown = new CountDown(this);
}

3. 3.在获取验证码的按钮上增加captchaDisabled、captchaTxt 分别用于控制倒计时过程中是否可以点击、倒计时秒数提示

<button class='codeBtn' bindtap='getSmsCaptcha' disabled='{{captchaDisabled}}'>{{captchaTxt}}</button>

4. 调用start方法触发倒计时

getSmsCaptcha(e) {
   this.countdown.start();
}

插件下载: http://smsow.zhenzikj.com/doc/sdk.html

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序发送短信验证码完整实例

    微信小程序注册完整实例,发送短信验证码,带60秒倒计时功能,无需服务器端。效果图:

    用户4432598
  • 微信小程序云开发,快速生成短信验证码

    使用微信小程序云函数实现注册短信验证码的管理,并不是一件分分钟的事,目前想要存储验证码只能放到数据库中,因为存储后才能和用户提交上来的验证码做比较。

    用户4432598
  • Linux命令(37)——free命令

    free命令用于显示系统内存使用情况,包括物理内存(Physical Memory)、虚拟内存(Swap Memory)、共享内存(Shared Memory)...

    Dabelv
  • 启用chrome浏览器内置的二维码生成插件

    小沨
  • 深入理解计算机系统(2.6)------整数的运算

      前面两篇博客我们详细讲解了计算机中整数的表示,包括有符号和无符号(补码编码)的详细介绍。那么这篇博客我们将对它们的运算有个详细的了解。   在讲解之前首先看...

    IT可乐
  • 12国联手捣毁全球最大僵尸网络犯罪团伙

    该团伙蓄意散播恶意软件窃取用户银行凭证、隐私资料并进行勒索。 美国司法部6月2日通报,由美国牵头的国际行动小组捣毁一个网络犯罪团伙,...

    安恒信息
  • CRNN实现文本的识别测试

    自然场景文本提取是图像语义信息抽取的一个重要分支,它的实现需要CV和NLP技术,即既需要使用视觉处理技术来提取图像中文字区域的图像特征向量,又需要借助自然语言处...

    sparkexpert
  • 新的 React DevTools 发布![前端动态]

    第 4 版中发生了很多变化!从较高的层面来看,这个新版本应该可以提供显着的性能提升和改进的导航体验。它还提供对 React Hooks 的完全支持,包括检查嵌套...

    疯狂的技术宅
  • 看你用错了没!Linux必知必会之内存使用统计命令free

    本文由马哥教育面授班25期学员推荐,转载自互联网,作者为Alli,内容略经小编改编和加工,观点跟作者无关,最后感谢作者的辛苦贡献与付出。 本文详细介绍了Linu...

    小小科
  • 分布式事务:SpringBoot+Dubbo+Seata+Nacos 实现案例

    案例源码使用SpringBoot 2.3.2 + Dubbo 2.7.6 + Mybatis 1.3.2 + Nacos 1.3.2 + Seata 1.3.0...

    朝雨忆轻尘

扫码关注云+社区

领取腾讯云代金券