登录页面倒计时

<div>

    <input id="Tel" placeholder="手机号" />

</div>

<div>

    <input id="code" placeholder="验证码" />

    <input id="getcode" type="button" />

</div>

<div>

    <button id="submit">登录</button>

</div>   

<script src="~/Scripts/jquery-1.10.2.min.js"></script>

<script type="text/javascript">

    $(function () {

        $("#getcode").attr("disabled", false)

        $("#getcode").val("获取验证码");

        var time = 60;

        function Time() {

            

            if (time < 0) {

                clearTimeout();

                $("#getcode").attr("disabled", false)

                $("#getcode").val("获取验证码");

            }

            else {

                $("#getcode").attr("disabled", true)

                $("#getcode").val(time + "秒后重新发送")

                setTimeout(function(){Time()}, 1000)

                time--;

            }

        }

        $("#getcode").click(function () {

            Time(this)

        })

    })

</script>

猜你喜欢

转载自2312865928.iteye.com/blog/2286586