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

点击后

代码

<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 

相关文章： 小型网站建站如何选择虚拟主机？  如何在Windows虚拟主机上快速搭建网站？  如何获取PHP WAP自助建站系统源码？  制作企业网站建设方案,怎样建设一个公司网站？  制作网站外包平台,自动化接单网站有哪些？  如何高效配置香港服务器实现快速建站？  定制建站模板如何实现SEO优化与智能系统配置？18字教程  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  天津个人网站制作公司,天津网约车驾驶员从业资格证官网？  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  如何获取上海专业网站定制建站电话？  如何在Windows环境下新建FTP站点并设置权限？  Python多线程使用规范_线程安全解析【教程】  攀枝花网站建设,攀枝花营业执照网上怎么年审？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  建站之星安装需要哪些步骤及注意事项？  临沂网站制作企业,临沂第三中学官方网站？  定制建站流程解析：需求评估与SEO优化功能开发指南  如何在IIS7中新建站点？详细步骤解析  兔展官网 在线制作,怎样制作微信请帖？  建站之星后台密码遗忘？如何快速找回？  如何通过多用户协作模板快速搭建高效企业网站？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  南阳网站制作公司推荐,小学电子版试卷去哪里找资源好？  简易网站制作视频教程,使用记事本编写一个简单的网页html文件？  如何用花生壳三步快速搭建专属网站？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  h5网站制作工具有哪些,h5页面制作工具有哪些？  制作网站的公司有哪些,做一个公司网站要多少钱？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  如何用免费手机建站系统零基础打造专业网站？  如何有效防御Web建站篡改攻击？  宝塔面板如何快速创建新站点？  学校为何禁止电信移动建设网站？  Swift中swift中的switch 语句  企业微网站怎么做,公司网站和公众号有什么区别？  高防服务器租用如何选择配置与防御等级？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  如何快速上传自定义模板至建站之星？  网站制作服务平台,有什么网站可以发布本地服务信息？  如何挑选高效建站主机与优质域名？  制作营销网站公司,淘特是干什么用的？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  建站之星后台密码遗忘如何找回？  如何选择建站程序？包含哪些必备功能与类型？  开心动漫网站制作软件下载,十分开心动画为何停播？  在线教育网站制作平台,山西立德教育官网？  学生网站制作软件,一个12岁的学生写小说，应该去什么样的网站？  建站之星备案是否影响网站上线时间？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？