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 @   ·一库  阅读(145)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示