jquery 获取短信验证码倒计时

Dear 丶 2021-09-17 04:10 418阅读 0赞

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $(function () {
            //获取短信验证码
            var validCode = true; 
            $(".get-code").click(function () {
                
                var time = 60;
    
                var $code = $(this);
    
                if (validCode) { // 如果调了短信发送接口, 短信发送判断
    
                    validCode = false;
    
                    $code.attr("disabled",true); // 禁止重复点击
    
                    var t = setInterval(function () {
                        time--;
                        $code.html(time + "秒");
    
                        if (time == 0) {
                            clearInterval(t); // 清除计时器
                            $code.html("重新获取");
                            $code.removeAttr("disabled"); // 倒计时结束可以点击
                            validCode = true;
                        }
                    }, 1000)
    
                }
    
            })
    
        })
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，418人围观）

还没有评论，来说两句吧...

相关阅读

相关 iOS 短信验证码倒计时按钮

级别： ★★☆☆☆ > 标签：「iOS 验证码后台倒计时」「NSTimer后台运行」「iOS 定时器后台运行」 > 作者： [Xs·H][Xs_H] > 审...

不念不忘少年蓝@/ 2024年04月17日 13:54/ 0 赞/ 105 阅读

相关 js发送短信验证码倒计时效果

![在这里插入图片描述][20200317181758713.PNG] ![在这里插入图片描述][20200317181827440.PNG] <input ty

青旅半醒/ 2023年07月16日 03:38/ 0 赞/ 41 阅读

相关实现H5短信验证码倒计时

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

àì夳堔傛蜴生んèń/ 2023年01月03日 01:44/ 0 赞/ 287 阅读

相关短信验证码倒计时

<button @click="sendout" ref="addAlert">发送验证码</button> // 短信验证码倒计时 send

ゞ浴缸里的玫瑰/ 2022年12月26日 10:16/ 0 赞/ 248 阅读

相关 jq php手机发短信倒计时,js实现发送短信验证码倒计时

原标题：js实现发送短信验证码倒计时发送短信验证码是网站或app常见的功能，为了避免用户频繁获取短信验证码，往往会设计一个倒计时功能，当间隔一定时间后才能再一次的获取，下面

以你之姓@/ 2022年11月18日 04:58/ 0 赞/ 231 阅读

相关 jQuery实现发送短信验证码后60秒倒计时

<html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js

Bertha 。/ 2022年06月14日 09:08/ 0 赞/ 267 阅读

相关获取短信验证码倒计时，非常简单

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

比眉伴天荒/ 2022年05月24日 03:08/ 0 赞/ 265 阅读

相关 angularjs短信验证码及秒倒计时

　　工作H5开发需要做短信验证码及秒倒计时，如果是用纯JS做好像还比较容易，但用angularJS做还是一些坑，特此记录一下，有如下几种实现方式。一.setTimeout方

怼烎@/ 2022年04月06日 10:48/ 0 赞/ 389 阅读

相关 jquery 获取短信验证码倒计时

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <scri

Dear 丶/ 2021年09月17日 04:10/ 0 赞/ 419 阅读

相关 jquery获取短信验证码倒计时

直接上代码 // 获取短信验证码 $('.get_code').click(function () { var $code = $(th

超、凢脫俗/ 2021年07月26日 17:14/ 0 赞/ 485 阅读