JQuery 实现 倒计时 按钮具体方法

时间：2023-03-09 08:27:44
JQuery 实现 倒计时 按钮具体方法 
<head>

    <title>test count down button</title>

    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            $('#btn').click(function () {

                var count = 3;

                var countdown = setInterval(CountDown, 1000);

                function CountDown() {

                    $("#btn").attr("disabled", true);

                    $("#btn").val("Please wait " + count + " seconds!");

                    if (count == 0) {

                        $("#btn").val("Submit").removeAttr("disabled");

                        clearInterval(countdown);

                    }

                    count--;

                }

            })

        });

   </script>

</head>

<body>

<input type="button" id="btn" value="Submit" />

</body>

相关文章