按钮获取验证码倒计时样式

最新推荐文章于 2023-07-17 16:59:18 发布

原创最新推荐文章于 2023-07-17 16:59:18 发布 · 839 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

个人小总结

当前文章被收录于：

个人小总结

13 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

document.getElementById('getYanZ').addEventListener('tap', function() {//获取验证码按钮

    var t = 60;

    var that = this;

    var _this = $(this);

    this.disabled = true;

    mui.get(comon.Host + 'sendsms', {//请求验证码路径

        phone: telTxt

    }, function(data) {

        if (data.error === 0) {

            mui.toast('验证码已发送');

            var timer = setInterval(function() {

                t--;

                _this.text(t);

                if (t <= 0) {

                    _this.text('获取');

                    clearInterval(timer);

                    that.disabled = false;

                }

            }, 1000);

        } else {

            mui.toast(data.message);

        }

    }, 'json');

});