首页 > 编程 > JavaScript > 正文

微信小程序之发送短信倒计时功能

2019-11-19 15:36:45
字体:
来源:转载
供稿:网友

点击后

代码

<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)}  }, 

思路:将BUTTON后样式和内容设为变量,点击之后setData将其改变即可

总结

以上所述是小编给大家介绍的微信小程序之发送短信倒计时功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表