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

news/2024/11/30 14:44:07/

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

2,参考代码如下

<!DOCTYPE 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,结果参考


http://www.ppmy.cn/news/1201131.html

相关文章

如何在搜索引擎中应用AI大语言模型,提高企业生产力?

人工智能尤其是大型语言模型的应用&#xff0c;重塑了我们与信息交互的方式&#xff0c;也为企业带来了重大的变革。将基于大模型的检索增强生成&#xff08;RAG&#xff09;集成到业务实践中&#xff0c;不仅是一种趋势&#xff0c;更是一种必要。它有助于实现数据驱动型决策&…

Spring加载的过程

1. 环境准备&#xff1a; 在加载过程开始之前&#xff0c;Spring首先会进行环境准备。这包括读取配置文件、初始化配置参数等操作&#xff0c;然后创建应用上下文&#xff08;ApplicationContext&#xff09;容器。Spring支持多种配置方式&#xff0c;如XML配置、注解配置和Jav…

数字化转型系列主题:商业画布分析方法与样例说明

定义 商业画布分析&#xff08;Business Canvas Analysis&#xff09;是一种用来评估商业模型的工具和方法。它通过将商业模型的各个关键要素绘制在一个画布上&#xff0c;帮助企业或创业者更好地理解和规划他们的业务。 商业画布分析最常用的框架是"商业模型画布"…

Unity之UI、模型跟随鼠标移动(自适应屏幕分辨率、锚点、pivot中心点)

一、效果展示 UI跟随鼠标移动, 当我们修改屏幕分辨率、锚点、pivot等参数时会动态自适应并始终让ui的pivot中心点位置跟随鼠标位置。同时脚本中包含3d物体跟随ui位置和3d物体直接跟随鼠标位置移动 二、屏幕坐标、Canvas自适应、锚点、中心点关系 在说功能原理之前我们需要先了…

特斯拉的利润率已陷入恶性循环

来源&#xff1a;猛兽财经 作者&#xff1a;猛兽财经 总结&#xff1a; &#xff08;1&#xff09;特斯拉(TSLA)第三季度疲弱的财务业绩表明&#xff0c;在当前环境下&#xff0c;投资特斯拉股票已不再是一项有保障的投资。 &#xff08;2&#xff09;正在进行的价格战可能会进…

你的GPU能跑Llama 2等大模型吗?用这个开源项目上手测一测

你的 GPU 内存够用吗&#xff1f;这有一个项目&#xff0c;可以提前帮你查看。 在算力为王的时代&#xff0c;你的 GPU 可以顺畅的运行大模型&#xff08;LLM&#xff09;吗&#xff1f; 对于这一问题&#xff0c;很多人都难以给出确切的回答&#xff0c;不知该如何计算 GPU 内…

10个超好用的Python实用库推荐~

文章目录 前言1.Dash2. Pillow3. Colorama4. JmesPath5. Simplejson6. Emoji7. 进度条&#xff1a;progress和tqdm8. Homeassistant9. Python-dateutil10. Pygame关于Python技术储备一、Python所有方向的学习路线二、Python基础学习视频三、精品Python学习书籍四、Python工具包…

第三方登录和第三方支付

第三方登录 在现代Web应用中&#xff0c;提供第三方登录选项已经变得非常普遍。用户可以使用其社交媒体或其他在线帐户&#xff08;如Google、GitHub或Facebook&#xff09;来访问您的应用程序&#xff0c;而无需创建新的用户名和密码。这提供了更好的用户体验&#xff0c;减少…