微信小程序发送短信倒计时功能示例代码详解

<form bindsubmit="formSubmit" bindreset="formReset">

<view class="fidpas">

 <input type="number" class="fidpas_inp"placeholder-class="lgin_place" placeholder="请输入手机号" name="phonenumber" />

 <input type="number" class="fidpas_inp2"placeholder-class="lgin_place" placeholder="请输入短信验证码" name="msg" />

 <button class="{{sendmsg}}" bindtap="sendmessg">{{getmsg}}</button>

</view>

<button class="lgbut" formType="submit">下一步</button>

</form>

data: {

 sendmsg: "sendmsg",

 getmsg:"获取短信验证码",

 },

 /**

 * 获取短信验证码

 */

 sendmessg:function(e){

 if (timer==1){

 timer=0

 var that=this

 var time=60

 that.setData({

 sendmsg:"sendmsgafter",

 })

 var inter=setInterval(function(){

  that.setData({

  getmsg: time + "s后重新发送",

  })

  time--

  if(time<0){

  timer=1

  clearInterval(inter)

  that.setData({

   sendmsg: "sendmsg",

   getmsg: "获取短信验证码",

  })

  }

 },1000)}

 },