30秒后重新发送验证码

最新推荐文章于 2022-03-27 21:21:02 发布

帅帅的Python

最新推荐文章于 2022-03-27 21:21:02 发布

阅读量1.6k

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/weixin_42060598/article/details/83832532

版权

7 篇文章 0 订阅

订阅专栏

	</ HTML>
	<HEAD>
	<meta charset =“utf-8”/>
	<TITLE>短信验证码</ TITLE>
	</ HEAD>
	<style type =“text / css”>

	</样式>
	<BODY>
	<！ - 点击“获取验证码”按钮，后显示“30秒后重新发送”，秒数递减，然后将“获取验证码”按钮置为不可用状态，达到0秒后重新置为可用 - >
	<input type =“text”placeholder =“请输入验证码”>
	<input type =“button”value =“获取验证码”id =“btn”/>
	</ BODY>
	<script type =“text / javascript”>
	obutton =document.getElementById（ 'BTN'）
	obutton.onclick =函数（）{
	this.disabled = TRUE;
	// this.setAttribute（'disabled'，'true'）
	this.value = 30 +“秒后重发”;
	计时器= setInterval的（函数（）{
	// console.log（obutton.value）
	第二= parseInt函数（obutton.value）
	if（second <= 1）{
	obutton.disabled = FALSE;
	obutton.value = “获取验证码”;
	clearInterval（定时器）;
	计时器= NULL;
	}其他{
	// console.log（第二个）
	obutton.value =（第二-1）+ “秒后重发”;
	};
	}，1000）;
	};
	</ SCRIPT>
	</ HTML>

关注