jquery完成点击按钮验证码倒计时

按钮

<button class="button">获取验证码</button>

jquery

 $('.button').click(function() {
        let count = 60;
        const countDown = setInterval(() => {
            if (count === 0) {
                $('.button').text('重新发送').removeAttr('disabled');
                $('.button').css({
                    background: '#ff9400',
                    color: '#fff',
                });
                clearInterval(countDown);
            } else {
                $('.button').attr('disabled', true);
                $('.button').css({
                    background: '#d8d8d8',
                    color: '#707070',
                });
                $('.button').text(count + '秒后获取');
            }
            count--;
        }, 1000);

    });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容