小程序如何实现短信登录倒计时
这篇文章主要介绍了小程序如何实现短信登录倒计时，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。
成都网站建设哪家好，找创新互联公司！专注于网页设计、成都网站建设公司、微信开发、微信小程序、集团企业网站制作等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：除甲醛等众多领域，积累了大量丰富的经验，同时也获得了客户的一致赞扬！
在平时的短信登录中，当发送短信验证码后会显示倒计时，那么这个倒计时如何实现呢
wxml文件
短信验证码" name="msg" />
{{getmsg}}
下一步
js文件
let timeId = null;
Page({
data: {
sendmsg: "sendmsg",
getmsg: "获取短信验证码",
},
sendmessg: function (e) {
var timer=1;
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)
}
},
})wxss文件
.Form{
margin-top: 80px;
}
.forms input{
padding: 10px ;
}
.phonenumber{
border-bottom: 1px solid #ccc;}
.message{
display: inline-block
}
.btn{
display: inline-block;
font-size: 14px;
}
.forms button{
margin-top: 15px;
}效果图
感谢你能够认真阅读完这篇文章，希望小编分享的“小程序如何实现短信登录倒计时”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!
本文名称：小程序如何实现短信登录倒计时
文章起源：
http://kswjz.com/article/pedoed.html
扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
