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

定时器-间歇函数

news 2026/3/26 15:35:15

 1.开启定时器

setInterval(function (){console.log('一秒执行一次')},1000)
function fn(){console.log('一秒执行一次')
}
setInterval(fn,1000)
//调用有名的函数，只写函数名

1.函数名字不需要加小括号

2.定时器返回是一个id数字

每个定时器的序号是不一样的

2.关闭定时器

function fn(){console.log('执行一次')    
}
let n = setInterval(fn,1000)
clearInterval(n)

demo阅读注册协议

需求：按钮60S之后才可以使用

input为表单单标签用value来获取，button为双标签比较特殊，所以用innerHTML来获取

console.log(btn.innerHTML)

分析：1.开始需要禁用按钮（disabled属性）

            2.获取元素

            3.函数内处理逻辑

                        秒数减小（倒计时）

                        按钮里的文字跟着变化

                        当描述变为0停止定时器，文字变为 同意 最后按钮可以点击

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><textarea name="" id="" cols="30" rows="10">用户注册协议欢迎注册成为京东用户！在您注册过程中，您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体或下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制）。【请您注意】如果您不同意以下协议全部或任何条款约定，请您停止注册。您停止注册后将仅可以浏览我们的商品信息但无法享受我们的产品或服务。如您按照注册流程提示填写信息，阅读并点击同意上述协议且完成全部注册流程后，即表示您已充分阅读、理解并接受协议的全部内容，并表明您同意我们可以依据协议内容来处理您的个人信息，并同意我们将您的订单信息共享给为完成此订单所必须的第三方合作方（详情查看</textarea><br><button class="btn" disabled>我已经阅读用户协议(5)</button><script>const button = document.querySelector('.btn')let i = 5console.log(button.innerHTML)let n = setInterval(function () {i--button.innerHTML = `我已经阅读用户协议(${i})`if (i === 0) {clearInterval(n)button.disabled = falsebutton.innerHTML = `我已经阅读用户协议`}}, 1000)</script></body></html>

在这里的disabled理解：需要禁用吗？false不需要

相关文章：

定时器-间歇函数

1.开启定时器 setInterval(function (){console.log(一秒执行一次)},1000) function fn(){console.log(一秒执行一次) } setInterval(fn,1000) //调用有名的函数&#xff0c;只写函数名 1.函数名字不需要加小括号 2.定时器返回是一个id数字 每个定时器的序号是不一样的 2.关…...

编程日记 2024/4/4 0:36:48

Ajax-XMLHttpRequest基本使用

一、Ajax的原理 就是XMLHttpRequest对象。 二、为什么学习XHR&#xff1f; 有更多与服务器数据通信方式&#xff0c;了解Ajax内部。 三、XHR使用步骤 1.创建XHR对象 2.调用open方法&#xff0c;设置url和请求方法 3.监听loadend事件&#xff0c;接受结果 4.调用send方法…...

编程日记 2024/4/4 0:35:47

门控循环单元（GRU）

概述 门控循环单元&#xff08;Gated Recurrent Unit, GRU&#xff09;由Junyoung Chung等人于2014年提出&#xff0c;原论文为《Empirical Evaluation of Gated Recurrent Neural Networks on Sequence Modeling》。GRU是循环神经网络&#xff08;Recurrent Neural Network, …...

编程日记 2024/4/4 0:31:44

789. 数的范围 （二分学习）左端大右，右端小左

题目链接https://www.acwing.com/file_system/file/content/whole/index/content/4317/ 当求左端点时&#xff0c;条件是a【mid】大于等于x&#xff0c;并把右端点缩小。 当求右端点时&#xff0c;条件是a【mid】小于等于x&#xff0c;并把左端点扩大。 1.确定一个区间&…...

编程日记 2024/4/4 0:28:40

docker logs 查找日志常用命令

docker logs 是什么 docker logs 是 Docker 命令行工具提供的一个命令&#xff0c;用于查看容器的日志输出。它可以显示容器在运行过程中生成的标准输出&#xff08;stdout&#xff09;和标准错误输出&#xff08;stderr&#xff09;&#xff0c;帮助用户诊断容器的行为和排查…...

编程日记 2024/4/4 0:22:34

百卓Smart管理平台 importexport.php SQL注入漏洞复现(CVE-2024-27718)

0x01 产品简介 百卓Smart管理平台是北京百卓网络技术有限公司(以下简称百卓网络)的一款安全网关产品，是一家致力于构建下一代安全互联网的高科技企业。 0x02 漏洞概述 百卓Smart管理平台 importexport.php 接口处存在SQL注入漏洞，攻击者除了可以利用 SQL 注入漏洞获取数据…...

编程日记 2024/4/4 0:20:32

PHP教程_PHP5函数str_replace替换字符串中的字符

PHP教程_PHP5函数str_replace替换字符串中的字符 PHP (PHP: Hypertext Preprocessor) 即 “超文本预处理器”, 是在服务器端执行的脚本语言, 尤其适用于Web开发并可嵌入HTML中。 PHP 语法学习了 C语言, 吸纳 Java 和 Perl 多个语言的特色发展出自己的特色语法, 并根据它们的长…...

编程日记 2024/4/4 0:18:31

Word的”交叉引用“和”插入题注“快捷键设置

Word的”交叉引用“和”插入题注“快捷键设置 在MSWord2021中&#xff0c;可以自定义设置快捷键。方法如下&#xff1a;文件-选项-自定义功能区-键盘快捷方式&#xff08;自定义&#xff09;。具体过程如图所示。 最后&#xff0c;按照上述流程将插入题注&#xff08;Insert…...

编程日记 2024/4/4 0:17:29

小白从0学习ctf（web安全）

文章目录 前言一、baby lfi&#xff08;bugku-CTF&#xff09;1、简介2、解题思路1、解题前置知识点2、漏洞利用 二、baby lfi 2&#xff08;bugku-CTF&#xff09;1.解题思路1、漏洞利用 三、lfi&#xff08;bugku CTF&#xff09;1、解题思路1、漏洞利用 总结 前言 此文章是…...

编程日记 2024/4/4 0:15:27

【嵌入式开发 Linux 常用命令系列 7.4 -- awk 处理文件名，去除后缀只保留文件名】

请阅读【嵌入式开发学习必备专栏 】 文章目录 awk 处理文件名&#xff0c;去除后缀只保留文件名 awk 处理文件名&#xff0c;去除后缀只保留文件名 在 shell 中&#xff0c; 可以使用 awk 来处理文件名&#xff0c;去除其后缀。下面是一个示例命令&#xff0c;它会将带有后缀的…...

编程日记 2024/4/4 0:13:25

Linux重点思考(中）--端口/静态内存/负载/日志

这里写目录标题 知道的linux常用命令&#xff1a;查看指定端口进程netstat -pantunetstat -pantu|grep 22 静态运行内存free硬盘物理内存df和du当前负载uptime查看日志awk统计文件每一行单词sed 替换文件单词 知道的linux常用命令&#xff1a;查看指定端口进程 netstat -pantu…...

编程日记 2024/4/4 0:12:24

【Go】五、流程控制

文章目录 1、if2、switch3、for4、for range5、break6、continue7、goto8、return 1、if 条件表达式左右的()是建议省略的if后面一定要有空格&#xff0c;和条件表达式分隔开来{ }一定不能省略if后面可以并列的加入变量的定义 if count : 20;count < 30 {fmt.Println(&quo…...

编程日记 2024/4/4 0:10:22

数据开发-面试真题。

1. 自我介绍 2.在培训班的学过的项目经历 3.之前的工作经历&#xff0c;以及薪资 4.开始讲之前的项目经历 5.技术面试官开始提问。 kafka中进行数据分层&#xff0c;怎么从kafka中实时查询到相关的数据&#xff0c;一条或几条 6.java中的集合&#xff0c;以及io流 7.给定…...

编程日记 2024/4/4 0:08:21

如何使用免费的ChatGpt3.5

如何使用免费的ChatGpt 最近免费的gpt3.5很多都不怎么行了实在是太给力了尾声 最近免费的gpt3.5很多都不怎么行了 原因是什么呢&#xff1f;因为openai已经取消了免费的5刀赠送&#xff0c;那么这些人手上的免费的sses-key 用完后&#xff0c;就基本上全军覆没了&#xff0c;再…...

编程日记 2024/4/4 0:07:19

Kafka硬核干货

目录 Kafka Kafka Producer Kafka Consumer Consumer Offset Log Manager 如何实现高吞吐、低延迟...

编程日记 2024/4/4 0:06:18

分享几个可以免费使用的GPT网站吧

1. ChatGAI ChatGAI是一个界面简洁的AI平台&#xff0c;提供App和网页版&#xff0c;每日均有免费使用机会。 2. ChatGPT 本网站向大家开放了ChatGPT 3.5和4.0版本的免费体验&#xff0c;特别适合新用户。每天都有免费次数&#xff0c;响应迅速&#xff0c;注册便捷&#xff0…...

编程日记 2024/4/4 0:02:15

MySQL进阶-----前缀索引、单例与联合索引

目录 前言 一、前缀索引 1. 语法 2. 如何选择前缀长度 3. 前缀索引的查询流程 二、单列索引与联合索引 三、索引设计原则 前言 本期是MySQL进阶篇当中索引的最后一期内容&#xff0c;这里我们主要接着上一期继续讲解前缀索引、单例与联合索引。&#xff08;上一期链接&…...

编程日记 2024/4/3 23:58:10

HTTP——Cookie

HTTP——Cookie 什么是Cookie通过Cookie访问网站 我们之前了解了HTTP协议&#xff0c;如果还有小伙伴还不清楚HTTP协议&#xff0c;可以点击这里&#xff1a; https://blog.csdn.net/qq_67693066/article/details/136895597 我们今天来稍微了解一下HTTP里面一个很小的部分&…...

编程日记 2024/4/3 23:56:08

Scala大数据开发

版权声明 本文原创作者&#xff1a;谷哥的小弟作者博客地址&#xff1a;http://blog.csdn.net/lfdfhl Scala简述 在此&#xff0c;简要介绍 Scala 的基本信息和情况。 Scala释义 Scala 源自于英语单词scalable&#xff0c;表示可伸缩的、可扩展的含义。 Scala作者 Scala编…...

编程日记 2024/4/3 23:55:07

windows无法使用hadoop报错：系统找不到路径

在windows下安装hadoop-3.1.4,进行环境变量配置后&#xff0c;打开window命令行窗口测试hadoop命令&#xff0c;报错&#xff0c;如图所示&#xff1a; 方案&#xff1a;由于JAVA_HOME路径有空格导致&#xff0c;可修改hadoop下\etc\hadoop\hadoop_env.cmd文档中set JAVA_HOME以…...

编程日记 2024/4/3 23:53:05

MXNet多语言生态：Python到Java/C++的跨平台部署

MXNet多语言生态&#xff1a;Python到Java/C的跨平台部署 文章详细介绍了MXNet深度学习框架的多语言支持能力&#xff0c;重点阐述了从Python训练环境到Java/C生产环境的完整部署流程。内容涵盖Python API的深度使用指南&#xff0c;包括NDArray高效张量计算、Symbolic编程的计…...

编程新知 2026/3/26 15:01:56

leetcode 1504. Count Submatrices With All Ones 统计全 1 子矩形

Problem: 1504. Count Submatrices With All Ones 统计全 1 子矩形 计算矩阵的前缀和&#xff0c;然后遍历所有的子矩阵&#xff0c;看是否都是1也就是面积等于长乘以宽 都是1的矩阵&#xff0c;可以直接计算得到结果 Code class Solution { public:int numSubmat(vector<…...

编程新知 2026/3/26 14:27:33

自动驾驶避障实战：人工势场法的核心原理与MATLAB仿真

1. 人工势场法基础概念 第一次接触人工势场法是在研究生阶段的机器人学课程上&#xff0c;当时教授用了一个非常形象的比喻&#xff1a;想象你手里拿着一块磁铁&#xff0c;目标点是一块异性磁极的磁铁&#xff0c;障碍物则是同性磁极的磁铁。这个简单的物理现象&#xff0c;就…...

编程新知 2026/3/26 12:14:24

PathOfBuilding：颠覆式离线构筑计算器如何精准解决流放之路角色规划难题

PathOfBuilding&#xff1a;颠覆式离线构筑计算器如何精准解决流放之路角色规划难题 【免费下载链接】PathOfBuilding Offline build planner for Path of Exile. 项目地址: https://gitcode.com/gh_mirrors/pat/PathOfBuilding 在《流放之路》的复杂世界中&#xff0c;…...

编程新知 2026/3/26 12:10:10

炉石传说脚本Hearthstone-Script：三步从零到精通的自动化游戏指南 [特殊字符]

炉石传说脚本Hearthstone-Script&#xff1a;三步从零到精通的自动化游戏指南 &#x1f3ae; 【免费下载链接】Hearthstone-Script Hearthstone script&#xff08;炉石传说脚本&#xff09;&#xff08;2024.01.25停更至国服回归&#xff09; 项目地址: https://gitcode.com…...

编程新知 2026/3/26 11:25:55

Kettle（二）资源库配置实战：从创建到高效连接

1. 为什么需要Kettle资源库&#xff1f; 第一次接触Kettle时&#xff0c;我习惯把转换和作业脚本直接保存在本地。直到某天电脑突然蓝屏&#xff0c;辛苦写好的ETL脚本全部丢失&#xff0c;才意识到资源库的重要性。Kettle资源库就像是一个"代码保险箱"&#xff0c;它…...

编程新知 2026/3/26 10:39:24

黑马点评毕业设计效率提升实战：从单体到高并发架构的演进路径

最近在帮学弟学妹们review“黑马点评”这个经典的毕业设计项目时&#xff0c;发现一个普遍现象&#xff1a;大家都能把功能跑起来&#xff0c;但一提到性能优化、高并发&#xff0c;就有点无从下手。很多同学直接沿用课程里的单体架构模板&#xff0c;结果在模拟答辩或者自己压…...

编程新知 2026/3/26 10:37:24

3个高效技巧：深度解析ComfyUI节点管理的实战指南

3个高效技巧&#xff1a;深度解析ComfyUI节点管理的实战指南 【免费下载链接】ComfyUI-Easy-Use In order to make it easier to use the ComfyUI, I have made some optimizations and integrations to some commonly used nodes. 项目地址: https://gitcode.com/gh_mirrors…...

编程新知 2026/3/26 9:34:54

2026年嘎嘎降AI用了30天，说几句真心话

论文写完用AI检测一查&#xff0c;知网AIGC率60%多&#xff0c;心里一凉。 这种情况现在太常见了。2026年各大高校对AIGC检测的要求比以前严了不少&#xff0c;很多人都在找降AI工具。这篇文章就是把我用过的几款主流工具汇总一下&#xff0c;帮你少走弯路。 测试前说一件重要…...

编程新知 2026/3/26 9:28:53

Python金融计算提速迫在眉睫！（仅剩3类未公开的底层优化手段，第3种已被高盛2023年专利覆盖）

第一章&#xff1a;Python金融计算提速迫在眉睫&#xff01;&#xff08;仅剩3类未公开的底层优化手段&#xff0c;第3种已被高盛2023年专利覆盖&#xff09;高频回测、实时风险敞口计算与蒙特卡洛期权定价正面临Python原生执行效率的严峻瓶颈。当单次万标的风险因子矩阵运算耗…...

编程新知 2026/3/26 9:12:46