js 验证码 倒计时60秒

<script type="text/javascript">
		var mobile = "";
		var iCode = "";
		var wait = 60;

		$(function() {
			$("#btn").click(function() {
				
				$(this).css({"border-color":"#ccc","color":"#ccc"});
				time(this);
				var that = $(this);
				setTimeout(function(){
					that.css({"border-color":"#3B92FD","color":"#3B92FD"});
				},60000);
				
				mobile = $("#mobile").val();
				
				$.ajax({
					type: "POST",
					url: "http",
					data: {
						mobile: mobile
					},
					dataType: "json",
					success: function(data) {
						console.log("获取验证码成功")
						console.log(data);
					} //ajax success分割线
				});

			});
			$("input[type=submit]").click(function(){
				iCode = $("#iCode").val();
				mobile = $("#mobile").val();
				$.ajax({
					type: "POST",
					url: "http://",
					data: {
						mobile: mobile,
						iCode:iCode
					},
					dataType: "json",
					success: function(data) {
						console.log("注册成功")
						console.log(data);
					} //ajax success分割线
				});
			});
			
		})

		function time(o) {
			if(wait == 0) {
				o.removeAttribute("disabled");
				o.value = "免费获取验证码";
				wait = 60;
				
			} else {
				o.setAttribute("disabled", true);
				o.value = "重新发送(" + wait + ")";
				wait--;
				setTimeout(function() {
						time(o)
					},
					1000)
			}
		}
	</script>

posted @ 2022-06-23 18:11  ·一库  阅读(150)  评论(0)    收藏  举报