JS 短信验证码效果

很多软件登录，都有短信验证的方式；

通常发送短信了一般都会需要等待60秒，120秒，甚至更久才能重新发送。 

毕竟短信也要花钱的呀，而且这样可以防刷，可以理解哈！

 

这里使用JS的定时器，来实现短信重发倒计时效果

var countSecond = 60;//秒数，可自定义
    function settime()
    {
        if (countSecond == 0)
        {
            $(".cell-btn").css("background-color", "");//按钮变为原来的颜色（这个按钮原来没有颜色）
            $(".cell-btn").attr("disabled", false);//启用按钮
            $(".cell-btn").text("获取验证码");
            countSecond = 60;
            return false;
        }
        else
        {
            $(".cell-btn").css("background-color", "#c0c0c0");//改变按钮颜色(灰色)
            $(".cell-btn").attr("disabled", true);//禁用按钮
            $(".cell-btn").text("重新发送(" + countSecond + ")");
            countSecond--;
        }
        setTimeout(function () {
            settime();
        }, 1000);
    }