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

点击后

代码

<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将其改变即可

总结

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

# 微信小程序  # 发送短信  # 倒计时  # 微信小程序 倒计时组件实现代码  # 微信小程序动态显示项目倒计时效果  # 微信小程序实现订单倒计时  # 微信小程序倒计时功能实例代码  # 微信小程序显示倒计时功能示例【测试可用】  # 微信小程序倒计时功能实现代码  # 小程序实现倒计时组件的使用示例  # 验证码  # 请输入  # 小编  # 在此  # 设为  # 将其  # 给大家  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # type  # number  # input  # view  # fidpas  # gt 

相关文章： 青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  如何零成本快速生成个人自助网站？  建站上市公司网站建设方案与SEO优化服务定制指南  如何快速登录WAP自助建站平台？  网站制作大概要多少钱一个,做一个平台网站大概多少钱？  简历在线制作网站免费,免费下载个人简历的网站是哪些？  定制建站哪家更专业可靠？推荐榜单揭晓  公司门户网站制作流程,华为官网怎么做？  免费网站制作模板下载,除了易企秀之外还有什么H5平台可以制作H5长页面，最好是免费的？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  制作网站怎么制作,*游戏网站怎么搭建？  长沙企业网站制作哪家好,长沙水业集团官方网站？  家具网站制作软件,家具厂怎么跑业务？  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  建站之星如何一键生成手机站？  建站之星官网登录失败？如何快速解决？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  如何快速搭建高效可靠的建站解决方案？  定制建站如何定义？其核心优势是什么？  如何通过商城免费建站系统源码自定义网站主题？  建站之星后台密码如何安全设置与找回？  如何确保西部建站助手FTP传输的安全性？  网站制作模板下载什么软件,ppt模板免费下载网站？  如何打造高效商业网站？建站目的决定转化率  如何通过网站建站时间优化SEO与用户体验？  如何快速生成可下载的建站源码工具？  建站之星云端配置指南：模板选择与SEO优化一键生成  股票网站制作软件,网上股票怎么开户？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  如何快速搭建响应式可视化网站？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  重庆市网站制作公司,重庆招聘网站哪个好？  建站之星24小时客服电话如何获取？  如何用已有域名快速搭建网站？  如何在万网自助建站中设置域名及备案？  建站主机数据库如何配置才能提升网站性能？  制作网站的基本流程,设计网站的软件是什么？  如何通过多用户协作模板快速搭建高效企业网站？  教育培训网站制作流程,请问edu教育网站的域名怎么申请？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  如何选择建站程序？包含哪些必备功能与类型？  网站制作报价单模板图片,小松挖机官方网站报价？  招商网站制作流程,网站招商广告语？  昆明高端网站制作公司,昆明公租房申请网上登录入口？  如何在橙子建站上传落地页？操作指南详解