Jquery 定时器

最新推荐文章于 2023-04-26 14:19:20 发布

无名1949

最新推荐文章于 2023-04-26 14:19:20 发布

阅读量670

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery

本文链接：https://blog.youkuaiyun.com/zk_1949/article/details/17919515

Jquery 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的验证码获取逻辑，通过控制按钮显示与提示信息来限制用户在一定时间内重复获取验证码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        });
        var interval;
        function fInterval() {
            var currTime = (new Date()).valueOf();
            var diftime = currTime - parseInt($("#AcceptTime").val(), 10);
            if (diftime < 5 * 1000) {
                //隐藏按钮
                $("#GetMsg").attr("style", "display:none");
                $("#timeTip").attr("style", "display:block");
                $("#timeTip").html("请在" + Math.floor((5 * 1000 - diftime) / 1000) + "秒后重新获取验证码！");
                return;
            }
            else {
                if (interval != null) {
                    clearInterval(interval);
                }
                $("#GetMsg").attr("style", "display:block");
                $("#timeTip").attr("style", "display:none");
            }
        }

        function SentCaptcha() {
            $("#AcceptTime").val((new Date()).valueOf());
            interval = setInterval(fInterval, 1000);
        }
    </script>

</head>
<body>
    <div>
        <input type="button" id="GetMsg" value="获取验证码" onclick="SentCaptcha()" style="display:block;" />
        <div id="timeTip" style="display: none;"> </div>
        <input type="hidden" id="AcceptTime" />
    </div>
</body>