<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>定时发送验证码</title>
	<script type="text/javascript">
	var wait = 5;
	  function send(o) {
		if(wait==5){
		 //向服务器发送请求，给手机发送验证码
			 // $.post("<%=path%>/simple/user/sendCode/mobile", 
			 //   {
				// 	"mobile" : "${user.mobile}",
				// 	"number" : 2
				// }, 
				// function(data) {
				// 	  if(data,message=="success"){
				// 		alert("验证码发送成功，请注意查收！");
				// 	}else{
				// 		alert("验证码发送失败，请稍后重试！");
				// 	} 
				// });
				
			}
			if (wait == 0) {
				o.removeAttribute("disabled");
				o.value = "手机获取";
				wait = 5;
			} else {
				o.setAttribute("disabled", true);
				o.value = wait + "s后可重新发送";
				wait--;
				setTimeout(function() {
					send(o);
				}, 1000)
			}
		}
	</script>
</head>
<body>
	<label for="mobile">手机号：</label>
	<input id="mobile" />
	<input type="submit" class="sub_verify" οnclick="send(this);" value="手机获取" />
</html>

效果：

wKiom1b8lnSRGu0zAAAHF0F2GP0297.png


wKiom1b8lnTTLk-GAAAHHMyLqMY816.png