
點擊后

代碼
<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后重新發(fā)送",   })   time--   if(time<0){   timer=1   clearInterval(inter)   that.setData({    sendmsg: "sendmsg",    getmsg: "獲取短信驗證碼",   })   }  },1000)}  }, 思路:將BUTTON后樣式和內(nèi)容設(shè)為變量,點擊之后setData將其改變即可
總結(jié)
以上所述是小編給大家介紹的微信小程序之發(fā)送短信倒計時功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持!
新聞熱點
疑難解答