使用uni-app如何实现获取验证码倒计时功能
创始人
2024-11-18 02:43:20
0次

页面部分是一个三目运算，codeTime是倒计时的时间。

具体思路：

三目运算，判断codeTime的值，当为0的时候显示文字“获取验证码”，大于0的时候显示验证码的倒计时。codeTime默认为0.

这里有个问题就是，怎么阻止用户在倒计时还没结束的时候一直点击，影响倒计时。

解决办法是写个判断，当codeTime大于60的时候，弹窗提示用户不能重复获取验证码。当倒计时运行完了之后要清除倒计时。

代码：