uni-app实现获取验证码倒计时功能-自学php网

来源：自学PHP网时间：2020-11-02 10:29 作者：小飞侠阅读:次

[导读] uni-app实现获取验证码倒计时功能...

今天带来uni-app实现获取验证码倒计时功能教程详解

本文实例为大家分享了uni-app实现获取验证码倒计时的具体代码，供大家参考，具体内容如下

实现的效果

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

具体思路：

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

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

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

代码：

更多文章推荐