移动端手机验证码倒计时

最新推荐文章于 2023-01-14 21:09:47 发布

兮颜_Queen

最新推荐文章于 2023-01-14 21:09:47 发布

阅读量198

点赞数

文章标签： jq vue 倒计时

本文链接：https://blog.csdn.net/qq_38057434/article/details/101050435

版权

话不多说，直接上代码

<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);
	}
})

优惠劵

兮颜_Queen

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
移动端手机验证码倒计时

话不多说，直接上代码<body> <input type="button" value="获取验证码" id="get-login-code"></body>js:var countdown =59;$("#get-login-code").on('click', function() { settime() function settime(...
复制链接

扫一扫