jQ 手機驗證碼倒計時

話不多說,直接上代碼

<body>
	<input type="button" value="獲取驗證碼" id="get-login-code">
</body>

js:

var countdown =59;
$("#get-login-code").on('click', function() {
	settime()
	function settime() {
		var _generate_code = $("#get-login-code");
		if(countdown == 0) {
			_generate_code.attr("disabled", false);
			_generate_code.val("重新獲取");
			countdown = 59;
			return false;
		} else {
			$("#get-login-code").attr("disabled", true);
			_generate_code.val("重新發送(" + countdown + ")");
			countdown--;
			console.log(countdown)
		}
		setTimeout(function() {
			settime();
		}, 1000);
	}
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章