发送短信倒计时效果实现

【要求】：点击 button 按钮后，时间逐秒减少，期间按钮不可点击，直到减少至0后，恢复原值和可点击状态。

【实现】：

<html>
<head>
</head>

<body>
    <button onclick="myFun()">60</button>

    <script>
        var $btn = $('#btn'),
            wait = 4;
                
        function myFun() {
        	$btn.attr('disabled', true);
        
        	var t = setInterval(function() {
        		if (wait == 0) {
        			$btn.attr('disabled', false);
        			wait = 4;
        			clearInterval(t);
        		} else {
        			wait--;
        		}
        
        		$btn.html(wait);
        		
        	}, 1000);
        
        }       
    </script>
</body>
</html>

posted on 2016-09-13 21:25  Ruth92  阅读(221)  评论(0)  编辑  收藏  举报

导航