短信验证倒计时60秒

最新推荐文章于 2023-03-28 20:54:03 发布

weixin_37799190

最新推荐文章于 2023-03-28 20:54:03 发布

阅读量288

点赞数

本文链接：https://blog.csdn.net/weixin_37799190/article/details/79212586

版权

本文介绍了如何使用JavaScript实现网页上的短信验证码发送后的60秒倒计时功能，包括相关代码示例和注意事项，帮助开发者创建更友好的用户验证体验。

摘要由CSDN通过智能技术生成

<body>
<form action="reg" method="post" name="formUser">
	<table width="100%"  border="0" align="left" cellpadding="5" cellspacing="3">
		<tr>
			<td align="right">手机<td>
		<input id="mobile" name="mobile" type="text" size="25" class="inputBg" /><span style="color:#FF0000"> *</span> 
        <input id="zphone" type="button" value=" 获取手机验证码 " onClick="get_mobile_code();"></td>
        </tr>
		<tr>
			<td align="right">验证码</td>
			<td><input type="text" size="8" name="mobile_code" class="inputBg" /></td>
		</tr>
		<tr>
			<td align="right"></td>
			<td><input type="submit" value=" 注册 " class="button"></td>
		</tr>
	</table>
</form>
</body>

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script language="javascript">
	function get_mobile_code(){
   //      $.post('sms', {mobile:jQuery.trim($('#mobile').val()),send_code:<?php echo $_SESSION['send_code'];?>}, function(msg) {
   //          alert(jQuery.trim(unescape(msg)));
			// if(msg=='提交成功'){
				RemainTime();
			// }
   //      });
	};
	var iTime = 59;
	var Account;
	function RemainTime(){
		document.getElementById('zphone').disabled = true;
		var iSecond,sSecond="",sTime="";
		if (iTime >= 0){
			iSecond = parseInt(iTime%60);
			iMinute = parseInt(iTime/60)
			if (iSecond >= 0){
				if(iMinute>0){
					sSecond = iMinute + "分" + iSecond + "秒";
				}else{
					sSecond = iSecond + "秒";
				}
			}
			sTime=sSecond;
			if(iTime==0){
				clearTimeout(Account);
				sTime='获取手机验证码';
				iTime = 59;
				document.getElementById('zphone').disabled = false;
			}else{
				Account = setTimeout("RemainTime()",1000);
				iTime=iTime-1;
			}
		}else{
			sTime='没有倒计时';
		}
		document.getElementById('zphone').value = sTime;
	}	
</script>

weixin_37799190

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
短信验证倒计时60秒

手机 * 验证码 js function get_mobile_code(){ // $.post('sms', {mobile:jQuery.trim($('#mobile').val()),send_code:}, function(msg) { /
复制链接

扫一扫