小程序验证码倒计时是小程序倒计时功能很常见的一种，输入手机号等待验证码的倒计时，那么这种形式要怎么获取呢？

.wxml

 <button class="buttonget" disabled='{{disabled}}' data-id="2" bindtap="getVerificationCode">            {{time}}        </button>

.js

var interval = null //倒计时函数Page({ data: { date: '请选择日期', fun_id: 2, time: '获取验证码', //倒计时 currentTime: 60 }, getCode: function (options) { var that = this; var currentTime = that.data.currentTime interval = setInterval(function () { currentTime--; that.setData({ time: currentTime + '秒' }) if (currentTime <= 0) { clearInterval(interval) that.setData({ time: '获取', currentTime: 60, disabled: false }) } }, 1000) }, getVerificationCode() { this.getCode(); var that = this that.setData({ disabled: true }) },})

.wxss

.buttonget{ margin-right: 250rpx; width:110rpx; height:55rpx; color: #20B6C5; line-height: 50rpx; font-size: 25rpx; border:1rpx solid #20B6C5;}/*隐藏Button按钮本身的边框*/button[class="buttonget"]::after { border: 0;}

Shop小程序工具提供多类型商城/门店小程序制作，可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。更多小程序开发案例，尽在：http://www.hishop.com.cn/xiaocx/kaifa.html