介绍 & lt; view 类=& # 39;形式# 39;比;
,& lt; form bindsubmit=癴ormSubmit", bindreset=癴ormReset",类=& # 39;形式# 39;比;
& lt;才能view 类=癴idpas"比;
& lt;才能input 类型=皀umber",类=皃honenumber",占位符=扒胧淙胧只拧?name=皃honenumber",/比;
& lt;才能input 类型=皀umber",类=癿essage",占位符=扒胧淙攵绦叛橹ぢ搿?name=癿sg",/比;
& lt;才能button 类=皗{sendmsg}}“, bindtap=皊endmessg",类=& # 39;btn # 39;在{{getmsg}} & lt;/button>
& lt;才能/view>
& lt;才能button 类=發gbut", formType=皊ubmit", type=& # 39;警告# 39;在下一步& lt;/button>
,& lt;/form>
& lt;/view> let timeId =,空;
页面({
,数据:{
,sendmsg:“sendmsg",
,getmsg:“获取短信验证码“,
},
,sendmessg: function (e), {
,var 计时器=1;
,if (timer ==, 1), {
timer 才能=0
var 才能;that =,
var 才能;time =60
that.setData({才能
sendmsg才能:“sendmsgafter",
})才能
var 才能;inter =, setInterval (function (), {
that.setData({才能
,,,getmsg: time +,“年代后重新发送“,
})才能
time 才能—
if 才能;(time & lt;, 0), {
,,timer =1
,,clearInterval(国际米兰)
,,that.setData ({
,,,sendmsg:“sendmsg",
,,getmsg:,“获取短信验证码“,
,,})
,,}
,,},1000)
,}
},大敌;
之前,}) ,养成{
,margin-top: 80 px;
}
输入{.forms
,填充:10 px ;
}
.phonenumber {
,边界底部:1 px solid # ccc;}
.message {
,显示:inline-block
}
.btn {
,显示:inline-block;
,字体大小:14 px;
}
.forms 按钮{
,margin-top: 15 px;
}
这篇文章主要介绍了小程序如何实现短信登录倒计时,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
在平时的短信登录中,当发送短信验证码后会显示倒计时,那么这个倒计时如何实现呢
wxml文件
js文件
wxs文件
效果图
感谢你能够认真阅读完这篇文章,希望小编分享的“小程序如何实现短信登录倒计时”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
