短信验证码倒计时功能（刷新不会重置时间）

最新推荐文章于 2022-06-07 11:09:43 发布

csdn_xiaoye

最新推荐文章于 2022-06-07 11:09:43 发布

阅读量1.4k

点赞数

文章标签：发短信倒计时不重置时间

本文链接：https://blog.youkuaiyun.com/csdn_xiaoye/article/details/101670237

版权

本文介绍了如何在网页中实现短信验证码倒计时功能，并确保页面刷新后倒计时时间不会重置。关键点在于利用jQuery和Cookie来保存已过去的时间，从而在刷新后继续之前的倒计时。

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

短信验证码倒计时功能（刷新不会重置时间）
首先需要引入的就是jquery文件和jquery.cookie.min.js
js部分：

<script type="text/javascript">
    if($.cookie('validateCodeCountdown')>0){
        $("#second").prop('disabled', true);
        $("#second").text("("+$.cookie('validateCodeCountdown')+"s)后重新发送") ;
        setTime($("#second"));
    }
    
    $("#second").click(function (){
        $.cookie('validateCodeCountdown', 60);
        sendyzm($("#second"));
    });
    //用ajax提交到后台的发送短信接口
    function sendyzm(obj){
        var mobile= $("#mobile").val();
        if(result) {
            $.ajax({
                url:"你的ajax路径",
                data:{mobile:mobile},//你的参数
                dataType:"json",
                type:"post",
                success:function(res){
                    if(res.message=

最低0.47元/天解锁文章