码迷,mamicode.com
首页 > Web开发 > 详细

获取短信验证码 js效果

时间:2019-10-17 15:31:36      阅读:288      评论:0      收藏:0      [点我收藏+]

标签:css   color   fun   ext   att   cell   var   down   lse   

 var countdown = 60;     //计时,默认为60秒发送一次      //$(".cell_btn") 为发送验证码按钮
    function settime()
    {
        if (countdown == 0)
        {
            //60秒结束就把按钮打开吧。
            $(".cell-btn").css("background-color", "#fff");//改变背景颜色

            $(".cell-btn").attr("disabled", false);//把按钮设置为 启用

            $(".cell-btn").text("获取验证码");//把按钮的文字修改为 “获取验证码”
            countdown = 60;
            return false;
        }
        else
        {
            $(".cell-btn").css("background-color", "#c0c0c0"); 

            $(".cell-btn").attr("disabled", true);
            $(".cell-btn").text("重新发送" + countdown);
            countdown--;
        }

        setTimeout(function () {
            settime();
        }, 1000);
    }

  

获取短信验证码 js效果

标签:css   color   fun   ext   att   cell   var   down   lse   

原文地址:https://www.cnblogs.com/liuzheng0612/p/11692244.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!