PHP实现短信验证倒计时

 html代码

登录名：<input id="phone" type="text" placeholder="用户名 / 绑定手机号码">
 验证码：<input type="text" id="code" placeholder="短信验证码">
        <input type="button" id="btn" value="获取验证码"  />



js代码

 <script type="text/javascript">
        var countdown=300;//300s倒计时
        function settime() {


            if (countdown == 0) {
                $("#btn").attr("disabled",false);
                $("#btn").val("免费获取验证码");
                countdown = 300;
                return;
            } else {
                $("#btn").attr("disabled", true);
                $("#btn").val("重新发送(" + countdown + ")");
                countdown--;
            }

            //1s执行一次
            setTimeout(function(){settime()},1000);

        }

// 发送验证码
$("#btn").click(function () {
    var phone = $('#phone').val();

    if(phone==""){
        layer.alert("手机号码不能为空", {icon: 5});
        return false;
    }
    if(phone.length!==11){
        //alert("请确认手机号位数");
        layer.alert("手机号位数不正确", {icon: 5});
        return false;
    }

    if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(phone))){
        //alert("不是完整的11位手机号");
        layer.alert("手机号不合法", {icon: 5});
        return false;
    }
    $.ajax({

        type:'post',
        dataType:'json',
        data:{'phone':phone
        },
        url:"{:U('Home/User/passwordCode')}",
        success:function (res) {
            if(res.code==2){
                layer.msg(res.msg, {icon: 6});
                settime();
            }else {
                layer.alert(res.msg, {icon: 5});
            }
        }
    });
});
<script>