微信小程序--发送短信倒计时

来源：互联网发布：大数据项目编辑：程序博客网时间：2024/04/28 17:31

点击后

代码

<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将其改变即可
小程序css不能加载本地图片！！！

阅读全文

0 0