当前位置： 首页 > news >正文

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

news 2026/4/2 10:50:57

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，结果参考

相关文章：

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

1&#xff0c;需要一个定时器&#xff0c;和一个button&#xff0c;通过点击事件启动获取验证码 2&#xff0c;参考代码如下 <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title></head><body><…...

编程日记 2023/11/7 0:18:42

MyBatis面经

MyBatis常见面试题 &#xff01;&#xff01;本文主要是博主总结看着玩的&#xff0c;不具有很高的参考价值&#xff0c;慎重 1、MyBatis是什么&#xff1f;MyBatis工作原理&#xff1f;MyBatis的使用场景有哪些&#xff1f; MyBatis是一款优秀的持久层框架&#xff0c;它是…...

编程日记 2023/11/7 0:16:40

SpringBoot基础（六）-- 辅助功能之一 -- 内嵌tomcat

目录 1. 内嵌Tomcat定义位置 2. 内嵌Tomcat运行原理 3. 更换内嵌Tomcat 在前面，我们做的SpringBoot入门案例（SpringBoot基础（一）-- 使用idea(2022版)创建一个Springboot项目(联网开发)）勾选了Spirng-web的功能&#...

编程日记 2023/11/7 0:14:38

K8s：部署 CNI 网络组件+k8s 多master集群部署+负载均衡及Dashboard k8s仪表盘图像化展示管理

目录 1 部署 CNI 网络组件 1.1 部署 flannel 1.2 部署 Calico 1.3 部署 CoreDNS 2 负载均衡部署 3 部署 Dashboard 1 部署 CNI 网络组件 1.1 部署 flannel K8S 中 Pod 网络通信&#xff1a; ●Pod 内容器与容器之间的通信 在同一个 Pod 内的容器&#xff08;Pod 内的容…...

编程日记 2023/11/7 0:13:37

「直播回放」使用 PLC + OPC + TDengine，快速搭建烟草生产监测系统

在烟草工业场景里&#xff0c;多数设备的自动控制都是通过 PLC 可编程逻辑控制器来实现的&#xff0c;PLC 再将采集的数据汇聚至 OPC 服务器。传统的 PI System、实时数据库、组态软件等与 OPC 相连&#xff0c;提供分析、可视化、报警等功能&#xff0c;这类系统存在一些问题&…...

编程日记 2023/11/7 0:11:33

私域流量搭建与运营，技巧全攻略！

2023年是比拼运营深度和服务效率的一年&#xff0c;用户对于体验的期望值将持续增长&#xff0c;企业需提供无缝的客户体验&#xff0c;以推动增长、保障收入、确保客户忠诚度。在疫情新常态下&#xff0c;企业已构建起APP、小程序等一系列线上触点矩阵&#xff0c;而各个触点之…...

编程日记 2023/11/7 0:10:31

AWS SAP-C02教程0--课程概述

SAP是亚马逊云的解决方案架构师专业级认证&#xff0c;关于本课程&#xff0c;我会简述已下3点&#xff1a; 在本课程中按照自己的分类讲述考试相关的AWS产品&#xff0c;特别会注明每个产品在考试中可能出现的考点会对一些解决方案做对比&#xff0c;通过一些对比给出不同场景…...

编程日记 2023/11/7 0:07:27

RFC使用与WebService

RFC连接 CSDN RFC中引用类型组 http://t.csdnimg.cn/wQWAYhttp://t.csdnimg.cn/wQWAY 远程目标系统维护SM59 这里的类型指的是目标系统的系统类型(目标系统即rfc函数存在的系统). 类型2&#xff08;R/2连接&#xff09;&#xff0c;只需给出主机名&#xff0c;所有通信信息…...

编程日记 2023/11/7 0:06:26

打造全球化电商平台，多语言商城系统助您开拓海外市场

全球化进程的加速&#xff0c;越来越多的企业开始将目光投向海外市场。然而&#xff0c;语言和文化差异成为了企业面临的一大挑战。为了帮助企业顺利拓展海外业务&#xff0c;多语言商城系统应运而生。作为一种功能强大的电子商务平台&#xff0c;多语言商城系统具备以下关键功…...

编程日记 2023/11/7 0:05:23

【滑动窗口】篮里到底能装 “几个水果” 呢？

Problem: 904. 水果成篮 文章目录 题目分析算法原理分析暴力枚举 哈希表滑动窗口优化数组再度优化 复杂度Code 题目分析 首先我们来分析一下本题的思路 首先我们通过题目的描述来理解一下其要表达的含义&#xff0c;题目给到我们一个fruit数组&#xff0c;里面存放的是每棵树上…...

编程日记 2023/11/7 0:04:21

newstarctf2022week2

Word-For-You(2 Gen) 和week1 的界面一样不过当时我写题的时候出了个小插曲 连接 MySQL 失败: Access denied for user rootlocalhost 这句话印在了背景&#xff0c;后来再进就没了&#xff0c;我猜测是报错注入 想办法传参 可以看到一个name2,试着传参 发现有回显三个字段…...

编程日记 2023/11/7 0:03:20

集群调度-01

目录 1、调度约束 2、Pod 是 Kubernetes 的基础单元&#xff0c;Pod 启动典型创建过程如下 2.1 工作机制 **** 2.2 调度过程 *** 2.3 Predicate 有一系列的常见的算法可以使用&#xff1a; ** 2.4 指定调度节点 1、调度约束 Kubernetes 是通过 List-Watch **…...

编程日记 2023/11/7 0:02:19

【软件工程】金管局计算机岗位——软件测试的分类（⭐⭐⭐⭐）

软件工程 软件测试的分类从是否关心软件内部结构和具体实现的角度划&#xff08;⭐⭐⭐⭐&#xff09;从是否执行代码角度划分&#xff08;⭐⭐&#xff09;从软件开发的过程按阶段划分&#xff08;⭐⭐⭐⭐&#xff09; 软件测试的分类 考点导读&#xff1a; 软件测试是软件工…...

编程日记 2023/11/7 0:00:16

Halcon WPF 开发学习笔记(1)：Hello World小程序

文章目录 文章专栏视频链接Hello World训练图片训练目的 开始训练图像预处理导入图像三通道处理调用算子通道选取 滤波什么是好的滤波 增加对比度 区域选取阈值处理算子参数选择运行结果(红色为选择区域) 区域分割运行结果 特征筛选参数代码第二次&#xff0c;面积筛选 画选中十…...

编程日记 2023/11/6 23:57:11

pix2tex - LaTeX OCR 安装使用记录

系列文章目录 文章目录 系列文章目录前言一、安装二、使用三、少侠请留步&#xff0c;点赞、收藏、关注 前言 项目地址&#xff1a;这儿 一、安装 版本要求 Python: 3.7 PyTorch: >1.7.1 安装&#xff1a;pip install "pix2tex[gui]" 注意&#xff1a;Pyside6…...

编程日记 2023/11/6 23:56:09

前端框架Vue学习 ——（四）Axios

文章目录 Axios 介绍Axios 入门Vue项目中使用 Axios Axios 介绍 介绍: Axios 对原生的 Ajax 进行了封装&#xff0c;简化书写&#xff0c;快速开发。&#xff08;异步请求&#xff09; 官网: https://www.axios-http.cn/ 官网介绍&#xff1a;Axios 是一个基于 promise 网络请…...

编程日记 2023/11/6 23:53:06

将json数据导入到ES集群——解决方案对比填坑日记

需求 将写好的json数据。导入到es集群 数据说明 文件JSON数据&#xff0c;一行一个JSON。 {"id":"d2716ae8fba4e026c4bd9445c3f49e2c","lang":"zh","title":"吉美旅馆","content":"吉美..."}…...

编程日记 2023/11/6 23:51:04

C语言----------#pragma预处理分析

一、#pragma预处理分析 1、#pragma是编译器指示字&#xff0c;用于指示编译器完成一些特定的动作&#xff1b; 2、#pragma所定义的很多指示字是编译器和操作系统特有的&#xff1b; 3、#pragma在不同的编译器间是不可移植的&#xff1a; 预处理器将忽略它不认识的#pragma指…...

编程日记 2023/11/6 23:50:01

数据库中的时间django转换成None

原因 数据库中使用的是datetime[64] 的格式。精确的毫秒了。django默认的使用的是datetime.datetime.fromisoformat转换的。转换不了 使用原生查找 for raw in StockNominate.objects.raw("select id,code,strftime(%Y-%m-%d,date) as date from table_name; "):pr…...

编程日记 2023/11/6 23:49:00

八种流行的网络协议

1、HTTP&#xff08;超文本传输协议&#xff09;&#xff0c;HTTP 是一种用于获取 HTML 文档等资源的协议。它是 Web 上任何数据交换的基础&#xff0c;是一种客户端 - 服务器协议。 2、HTTP/3&#xff0c;HTTP/3 是 HTTP 的下一个重大修订版。它运行在 QUIC 上&#xff0c;QU…...

编程日记 2023/11/6 23:47:58

Ubuntu20.04下QGroundControl开发环境搭建全攻略（含常见错误解决方案）

Ubuntu 20.04下QGroundControl开发环境搭建全攻略&#xff08;含常见错误解决方案&#xff09; 在无人机和机器人开发领域&#xff0c;QGroundControl作为一款开源的飞行控制地面站软件&#xff0c;已经成为开发者不可或缺的工具。本文将带你从零开始&#xff0c;在Ubuntu 20.0…...

编程新知 2026/4/2 9:51:29

2026企业AI落地必看：避开3大坑，让你的智能体真正帮你赚钱！收藏这份实战指南

本文深入探讨了企业AI智能体落地的现实难题&#xff0c;包括数据基础薄弱、单体智能体处理复杂流程能力不足以及人机协同缺失三大痛点。作者通过分析30企业案例&#xff0c;提出了针对性的解决方案&#xff1a;建立RAG架构和OCR数据清洗以夯实数据基础&#xff1b;采用多智能体…...

编程新知 2026/4/2 8:38:09

从零入门大模型应用开发：收藏这份学习清单，轻松转型高薪岗位！

文章指出当前AI应用开发社招要求已提升&#xff0c;不再满足于简单的API调用或Demo实现。文章警示三类人慎入AI开发社招&#xff0c;并强调能力复合化、工程深度和业务理解的重要性。作者分享了四年AI开发经验&#xff0c;建议深入原理、重构项目经验&#xff0c;并给出了量化解…...

编程新知 2026/4/2 8:38:08

Wan2.2-I2V-A14B持续集成/持续部署（CI/CD）流水线搭建

Wan2.2-I2V-A14B持续集成/持续部署&#xff08;CI/CD&#xff09;流水线搭建 1. 引言 在AI模型服务开发中&#xff0c;频繁的迭代更新是常态。每次代码修改后手动执行测试、构建和部署不仅效率低下&#xff0c;还容易出错。本文将带你从零开始&#xff0c;为Wan2.2-I2V-A14B模…...

编程新知 2026/4/2 8:34:07

Phi-4-mini-reasoning推理质量评估：GSM8K/MATH数据集本地测试方法

Phi-4-mini-reasoning推理质量评估&#xff1a;GSM8K/MATH数据集本地测试方法 1. 模型简介 Phi-4-mini-reasoning是一个轻量级开源模型&#xff0c;专注于高质量数学推理任务。作为Phi-4模型家族的一员&#xff0c;它通过合成数据训练和微调&#xff0c;特别擅长解决需要密集…...

编程新知 2026/4/2 7:02:56

OpenClaw健康监测：用Phi-3-mini-128k-instruct分析智能手表数据

OpenClaw健康监测&#xff1a;用Phi-3-mini-128k-instruct分析智能手表数据 1. 为什么选择OpenClaw处理健康数据&#xff1f; 去年体检报告上的几项异常指标让我开始关注日常健康监测。虽然手环和智能手表能记录睡眠、心率等数据&#xff0c;但原始数据报表就像一本天书——我…...

编程新知 2026/4/2 7:02:53

intv_ai_mk11一文详解：7B参数轻量级开源对话模型在中小团队中的降本增效实践

intv_ai_mk11一文详解&#xff1a;7B参数轻量级开源对话模型在中小团队中的降本增效实践 1. 轻量级AI对话助手的价值定位 在中小团队的实际运营中&#xff0c;专业AI助手的引入往往面临两大难题&#xff1a;高昂的部署成本和复杂的技术门槛。intv_ai_mk11作为7B参数的轻量级开…...

编程新知 2026/4/2 6:40:39

南北阁Nanbeige 4.1-3B企业级应用：软件测试用例的自动化生成与评审

南北阁Nanbeige 4.1-3B企业级应用&#xff1a;软件测试用例的自动化生成与评审 测试工程师老王最近有点烦。新版本下周就要上线&#xff0c;产品经理昨天下午才把最终版的需求文档发过来&#xff0c;而测试用例还一个字没写。他望着密密麻麻的功能点&#xff0c;感觉今晚又得在…...

编程新知 2026/4/2 6:30:31

视频SEO软件对网站流量有什么影响

视频SEO软件对网站流量有什么影响 在当今数字化时代&#xff0c;网站流量的获取和管理是每一个网站运营者关注的重点。而视频SEO软件作为一种现代化的工具&#xff0c;在提升网站流量方面扮演着重要角色。视频SEO软件究竟对网站流量有什么影响呢&#xff1f;我们将从问题分析、…...

编程新知 2026/4/2 5:13:45

HY-Motion 1.0作品集展示：12类日常动作+8类专业运动生成效果

HY-Motion 1.0作品集展示&#xff1a;12类日常动作8类专业运动生成效果 1. 引言&#xff1a;当文字能驱动骨骼 想象一下&#xff0c;你正在为一个游戏角色设计一套连贯的格斗动作&#xff0c;或者为一个虚拟主播编排一段自然的舞蹈。传统流程需要动画师一帧一帧地调整骨骼&am…...

编程新知 2026/4/2 4:53:36