Dom阶段实战案例

news/2024/10/21 9:56:26

window定时器

◼ 有时我们并不想立即执行一个函数,而是等待特定一段时间之后再执行,我们称之为“计划调用(scheduling a call)”。
◼ 目前有两种方式可以实现:setTimeout 允许我们将函数推迟到一段时间间隔之后再执行。setInterval 允许我们重复运行一个函数,从一段时间间隔之后开始运行,之后以该时间间隔连续重复运行该函数。
◼ 并且通常情况下有提供对应的取消方法:clearTimeout:取消setTimeout的定时器;clearInterval:取消setInterval的定时器;
◼ 大多数运行环境都有内置的调度程序,并且提供了这些方法:目前来讲,所有浏览器以及Node.js 都支持这两个方法;所以我们后续学习Node的时候,也可以在Node中使用它们;

setTimeout的使用

◼ setTimeout的语法如下:
let timerId = setTimeout(func|code,[delay],[arg1],[arg2],.....) func|code:想要执行的函数或代码字符串。➢ 一般传入的都是函数,由于某些历史原因,支持传入代码字符串,但是不建议这样做; delay:执行前的延时,以毫秒为单位(1000 毫秒= 1 秒),默认值是0; arg1,arg2…:要传入被执行函数(或代码字符串)的参数列表;
◼ clearTimeout方法: setTimeout 在调用时会返回一个“定时器标识符(timer identifier)”,我们可以使用它来取消执行。
案例:// 拿到定时器标识符 timeOutIDvar timeOutID =  window.setTimeout(function(){console.log("foo被调用---")},1000)// console.log(timeOutID)var timeOutEl = document.querySelector("button")timeOutEl.onclick = function(){// 取消调用clearTimeout(timeOutID)}

setInterval的使用

◼ setInterval 方法和 setTimeout的语法相同:
let timerId = setInterval(func|code,[delay],[arg1],[arg2],.....) 所有参数的意义也是相同的; 不过与setTimeout只执行一次不同,setInterval是每间隔给定的时间周期性执行;
◼ clearInterval方法:setInterval也会返回一个“定时器标识符(timer identifier)”,我们可以通过clearInterval来取消这个定时器。
◼ 关于定时器还有一些宏任务相关的概念,我们会在JavaScript高级中讲解。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/74060.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

在Lua中实现Rust对象的绑定

Lua的处理速度较慢,为了高性能,通常有许多函数会放到Rust层或者底层进行处理,此时有一个快速的映射就可以方便代码的快速使用复用,而通过derive宏,我们可以快速的构建出想要的功能。实现目标:能将Rust对象快速的映射到lua中使用,尽可能的简化使用。功能目标 以struct Hc…

20222323 2024-2025-1 《网络与系统攻防技术》实验三实验报告

1.实验内容 1.1实践目标 (1)正确使用msf编码器,veil-evasion,自己利用shellcode编程等免杀工具或技巧 正确使用msf编码器,使用msfvenom生成如jar之类的其他文件 veil,加壳工具 使用C + shellcode编程 (2)通过组合应用各种技术实现恶意代码免杀 (3)用另一电脑实测,在杀软开…

Day10 备战CCF-CSP练习

202303-4Day10 题目描述 十滴水是一个非常经典的小游戏。小 \(C\) 正在玩一个一维版本的十滴水游戏。 我们通过一个例子描述游戏的基本规则。 游戏在一个$ 1c$ 的网格上进行,格子用整数$ x(1≤x≤c)$ 编号,编号从左往右依次递增。 网格内 \(m\) 个格子里有 \(1∼4\) 滴水,其…

YOLOv11环境搭建推理测试

引子 2024年9月30日,Ultralytics在其活动YOLOVision中正式发布了YOLOv 11。YOLOv 11是由位于美国和西班牙的Ultralytics团队开发的YOLO的最新版本。几个月前YOLOv10发布(感兴趣的童鞋可以移步https://blog.csdn.net/zzq1989_/article/details/139408779?spm=1001.2014.3001.…

SDCN:《Structural Deep Clustering Network》

代码:https://github.com/461054993/SDCN 摘要 聚类是数据分析中的一项基本任务。 最近,主要从深度学习方法中获得灵感的深度聚类实现了最先进的性能,并引起了相当大的关注。 当前的深度聚类方法通常借助深度学习强大的表示能力(例如自动编码器)来提高聚类结果,这表明学习…

TCP和UDP的报文格式

TCP和UDP的报文格式概要了解TCP和UDP的报文格式对于网络通信、系统设计、故障排查和安全性等多个方面都非常重要。一、TCP 报文格式(Transmission Control Protocol)TCP是面向连接、可靠的传输协议,其报文格式较复杂。TCP报文的格式如下: 上图简化如下:| 源端口(16位…

008数据绑定

v-bind 单向数据绑定 v-model 双向数据绑定

极速、便捷!一个接入 AI 的匿名在线即时聊天室!

AQChat —— 一个已接入 AI 的极速、便捷的匿名在线即时 AI 聊天室。基于 Netty 以及 protobuf 协议实现高性能,对标游戏后端开发。大家好,我是 Java陈序员。 之前给大家推荐过一款基于 livekit 和 Next.js 的匿名聊天室。 今天,再给大家介绍一个便捷开源的匿名在线聊天室,…