源于生活

标题: JQuery实现倒计时按钮具体方法 [打印本页]

作者: vingoo    时间: 2017-2-14 04:39
标题: JQuery实现倒计时按钮具体方法
[HTML] 纯文本查看 复制代码
<input type="button" id="btn" value="点击我" />

[JavaScript] 纯文本查看 复制代码
$(function () {
            $('#btn').click(function () {
                var count = 10;
                var countdown = setInterval(CountDown, 500);
                function CountDown() {
                    $("#btn").attr("disabled", true);
                    $("#btn").val("Please wait " + count + " seconds!");
                    if (count == 0) {
                        $("#btn").val("点击我").removeAttr("disabled");
                        clearInterval(countdown);
                    }
                    count--;
                }
            })
        });







欢迎光临 源于生活 (http://bbs.vingoo.info/) Powered by Discuz! X3.1