jQuery实现点击按钮闪烁

jQuery实现点击按钮闪烁

    <script>        
        $(document).ready(function(){
            var shan;
            var flag = 0;
            function shanke(){ 
                if (flag < 4) {
                    $("button#btn_jq_red").toggleClass("btn-red2");
                    flag++;
                }else{
                    //Kill the timer
                    clearInterval(shan);
                };

            }
            $("button#btn_jq").click(function(){
                flag = 0;
                shan = setInterval(shanke,200);
			});
		});
	</script>

按钮CSS

.btn-red {
    background: #d4181c;
    color: #fff;
    padding: 5px 40px;
    margin: 0 20px;
}

闪烁按钮CSS

.btn-red2 {
    background: #fff;
    color: #d4181c;
    padding: 5px 40px;
    margin: 0 20px;
    border-style:solid;
    border-color: #d4181c;
}