小程序实现短信登录倒计时

在平时的短信登录中，当发送短信验证码后会显示倒计时，那么这个倒计时如何实现呢？

页面结构文件

视图类='表单'窗体绑定提交=' FORm submit '绑定重置=' FORm reset '类=“表单”视图类='fidpas '输入类型='数字'类='phonenumber '占位符='请输入手机号name='电话号码'/input type=' number ' class=' message ' placeholder='请输入短信验证码name=' msg '/button class=' { { send msg } } ' bind tap=' send messg ' class=' BTN ' { getmsg } }/button/view button class=' lgbut ' formType=' submit ' type=' warn '下一步/按钮/表单/视图文件

让时间标识=空页面({ data : { sendmasg : ' send msg '，getmsg: '获取短信验证码，}，sendmessg:函数(e){ var timer=1；if(定时器==1) {定时器=0 var那=这个变化时间=60。setdata({ sendsg : ' sendsmgafter '，})var inter=setInterval(function(){ that。setdata({ getmsg 3360 time后重新发送，})时间-如果(时间0){ timer=1 clearInterval(inter)那。setdata({ send msg : ' send msg '，getmsg: '获取短信验证码，}) }，1000) } }，})wxss文件。表单{ margin-top : 80px；}.表单输入{ padding: 10px }。电话号码{边框-底部： 1px实心# CCC}.消息{ display:内嵌块} .btn {显示：内联块；font-size : 14px}.表单按钮{ margin-top : 15px；}效果图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。