点击按钮之后等待60秒

HTML：
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <script src="js/jquery-2.2.2.min.js"></script>
    <script type="text/javascript">
        var countdown = 60;

        function settime(obj) {
            if (countdown == 0) {
                obj.removeAttribute("disabled");
                obj.value = "等待60秒";
                countdown = 60;
                return;
            } else {
                obj.setAttribute("disabled", true);
                obj.value = "重新发送(" + countdown + ")";
                countdown--;
            }
            setTimeout(function () {
                settime(obj)
            }, 1000)
        }
    </script>
</head>

<body>
<input type="button" id="btn" value="click me" onclick="settime(this)"/>

</body>

</html>
result：

posted on 2016-05-17 10:17 Newbie_小白阅读(563) 评论(0) 收藏举报