web前端JS基础------制作一个获取验证码

1，需要一个定时器，和一个button，通过点击事件启动获取验证码

2，参考代码如下


html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<body>
		<input type="button" name="btn" id="btn" value="获取验证码" />
			<script type="text/javascript">
				var btn = document.getElementById('btn');//通过ID获取到该标签
				var num = 60;//设置获取验证码持续时间
				btn.onclick = function(){//通过点击事件，启动获取验证码函数
					cd();
				}	
				
				function cd(){		//定义验证码获取函数
					num--;
					if(num==0){
						num = 60;
						btn.disabled = false;
						btn.value = '获取验证码';
						return;
					}
					btn.disabled = true;//正在获取验证码
					btn.value = num + 's后重新获取';
					setTimeout('cd()',1000);.//采用setTimeout函数每秒调用一次cd（）
				}
				
			script>
	body>
html>

3，结果参考

相关阅读:
【随想】每日两题Day.2
第45节——页面中修改redux里的数据
Java中的Servlet
前端项目——博客系统
小米root以及面具的使用
R语言ggplot2可视化：使用ggpubr包的ggdotchart函数可视化克利夫兰点图（Cleveland dot）、自定义ggtheme参数设置主题
【语音增强】基于matlab多维谱自适应小波语音信号去噪【含Matlab源码 1972期】
小程序隐私弹窗的实现
Nginx之带宽限制解读
从手动操作到自动化管理，如何实现企业身份业务全面自动化？

原文地址：https://blog.csdn.net/m0_64148419/article/details/134256312