JavaScript中 setInterval与setTimeout的区别

最新推荐文章于 2024-01-01 09:15:00 发布
最新推荐文章于 2024-01-01 09:15:00 发布
阅读量95 收藏
点赞数
分类专栏： JAVA学习 文章标签： javascript window
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42490630/article/details/107409641
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
<input type="button" value="开始" onclick="st()" />
		<input type="button" value="结束" onclick="cl()" />
		<!-- window -->
		<script>
			window.alert(111);
			window.confirm("刪除嗎？")
			function t(){
				console.log("111111")
			}
			
			function st(){
				id = setInterval("t()",1000);
			}
			function cl(){
				clearInterval(id);
			}
			
			
			var iq = setTimeout(t(),1000);
			clearTimeout(iq);
				</script>
	</body>
</html>

setInterval()与setTimeout()的区别：
setInterval()方法会不停地调用函数，直到 clearInterval()被调用或窗口被关闭；setTimeout()只执行 code 一次，如果要多次调用，请使用setInterval()或者让 code 自身再次调用setTimeout()；

ZZU_ie
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中setTimeout()和setInterval()两个定时器的区别和使用方法
nO0b
10-10 2105
两者最直接的区别是: setTimeout()在载入后延迟指定时间去执行一次表达式,只是一次。 setInterval()它从载入后,每隔指定的时间就执行一次表达式 所以要让一段代码, 某个函数以固定频率重复执行应该使用setInterval()函数 如果让一段代码, 某个函数在指定延迟后仅仅执行一次应该使用setTimeout() 语法 setInterval(code, mill...
【javascript】setInterval定时器的问题
lizixiang1993的专栏
04-16 856
setInterval定时器的问题一般js进行循环任务的时候才用两种方式 setTimeout 和 setInterval ,两种方式上理论上是可以进行切换的。但遇到某些地方会出现两种情况。 运行时间超过任务循环时间的情况 运行时间超过任务循环时间当规定一个任务每隔1s触发，但是运行任务占用了2s，由于js是单线程的语言，因此下一个任务会在当前运行了1s就进入任务等待队列。 运行任务结束后已有两个
JavaScript中setInterval与setTimeout区别
S_Tian的博客
11-26 107
setInterval()：按照指定的周期（以毫秒计）来调用函数或计算表达式。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数 setTimeout():在指定的毫秒数后调用函数或计算表达式。由 setTimeout() 返回的 ID 值可用作 clearTimeout() 方法的参数 我们来看一下例子： function test(){ con...
javaScript中SetInterval与setTimeout区别
diaonangji4486的博客
12-13 77
window.setTimeout("function",time)；//设置一个超时对象，只执行一次,无周期 ，time单位是毫秒 当需要方法延迟执行的时候，可以采用setTimeout window.setInterval("function",time)；//设置一个超时对象，周期＝'交互时间'，time单位是毫秒 当需要每隔一段时间去执行某一个方法时，可以采用setI...
JavaScript setTimeout和setInterval的用法与区别详解
最新发布
青春木鱼的博客
01-01 2585
JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成
javascript中SetInterval与setTimeout的定时器用法
10-23
它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等，本文文章通过代码示例给大家介绍javascript中SetInterval与setTimeout的定时器用法
JavaScript中SetInterval与setTimeout的用法详解
10-23
在写H5游戏时经常需要使用定时刷新页面实现动画效果，比较常用即setTimeout()以及setInterval()，但是大家对SetInterval与setTimeout的用法了解吗，下面通过本文给大家详解js中SetInterval与setTimeout的用法，需要...
理解javascript定时器中的setTimeout与setInterval
10-22
本文将深入讲解JavaScript中的两个重要定时器函数：`setTimeout`和`setInterval`。 首先，`setTimeout`函数用于在指定延迟时间后执行一次函数或代码片段。其基本语法如下： ```javascript var timeoutID = window....
sql中的四种事务隔离级别
222222的博客
07-08 2502
事务隔离级别 问题 同一个应用程序中的多个事务或不同应用程序中的多个事务在同一个数据集上并发执行时, 可能会出现许多意外的问题，这些问题可分为如下三种类型： 脏读(Dirty Read): 已知有两个事务A和B, A读取了已经被B更新但还没有被提交的数据，之后，B回滚事务，A读取的数据就是脏数据。 场景：公司发工资了，领导把5000元打到Tom的账号上，但是该事务并未提交，而Tom正好去查看账户，发现工资已经到账，账户多了5000元，非常高兴，可是不幸的是，领导发现发给Tom的工资金额不对，是2000元，
Mysql数据库——查询数据（模糊查询与order by）
222222的博客
07-08 683
Mysql数据库——查询数据（模糊查询与order by） 一般查询 1、where和null select * from student where address= null #<——错误用法# select * from student where address is null select * from student where address is not null 2、关系运算 select * from student where age>11 3、an
使用JavaScript给HTML添加事件
222222的博客
07-17 682
第一种方式：onclick属性，属性值为方法 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>使用JavaScript给HTML添加事件</title> <script> function test(){ console.log("HelloWorld"); } </script> <
Mysql数据库——函数（grope by总结）
222222的博客
07-08 607
Mysql数据库——函数 单行函数——字符串函数 对某条数据或特定列进行操作 date_format(date,format)获取指定格式的日期 select date_format(now(),'%Y%m%d%H%i%s') 改变数据格式convert(value,type) 将value转换为type类型，type可以是char（字符型）、date（日期型）、time（时间型）、datetime（日期时间型）、 signed（整型） 和decimal（浮点型）类型中的一个; select conv
JavaScript中的Data对象
222222的博客
07-17 560
在JS中使用Date对象来表示一个时间，其中Date()为一个构造函数 如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行时间 var d = new Date(); 如果想要显示一个指定的时间，则应该在构造函数中传入一个表示时间的字符串 var d2 = new Date(“1/3/2019”); // 月/日/年 时间都为北京时间 对象名.getDate() //获取当前时间对象是几号 对象名.getDay() //获取当前时间对象时周几 ，0表示周日 对象名.getMonth()
JavaScript中substring和substr的区别
222222的博客
07-17 405
substring和substr的区别 两者都是截取字符串。 相同点：如果只是写一个参数，两者的作用都一样：都是是截取字符串从当前下标以后直到字符串最后的字符串片段。 substr(startIndex); substring(startIndex); 例： var str = '123456789'; console.log(str.substr(2)); // "3456789" console.log(str.substring(2)) ;// "3456789" 不同点：第二个参数 su
用JavaScript操作form表单元素
222222的博客
07-18 405
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form id="login" action="https://www.baidu.com"></form> <input id="name" /> <input type="
Java中的包和访问权限(两种引包方法)
222222的博客
03-15 393
学习了Java中的包和访问权限相关的知识点 结合视频和PPT做了总结
jQuery中的$()
222222的博客
07-26 360
jQuery对象 jQuery对象：通过jQuery库自带的方法获取页面DOM元素的对象叫做jQuery对象，保存jQuery 对象的变量通常以$开头： var $userName = $("#user_name"); $userName.val(“Tom”); jQuery 对象是 jQuery 独有的，该对象无法使用 DOM 对象中的任何方法；同样 DOM 对象也不能使用 jQuery 里的任何方法。 jQuery对象转DOM对象 1、可以
Servlet的生命周期
222222的博客
07-26 216
servlet生命周期大致有四个过程，每个过程都对应有特殊的生命周期方法： 装载&实例化————构造方法 初始化————————init() 只调用一次，并且在service()之前完成 处理请求———————service() 处理客户的请求，即在doGet doPost之后均需执行（举例：把验证码模块放置到service中，不管用户走的是get还是post都需要输入验证码）每个请求都在单独的线程中完成，可多次调用 销毁——————————destroy() 只调用一次，通常在
获取HTML元素对应的JavaScript对象
222222的博客
07-17 177
获取HTML元素的四种方式： 依据id 标签属性值：document.getElementById(); 依据class标签属性值：document.getElementsByClassName(); 依据name标签属性：document.getElementsByName(); 依据标签名字：document.getElementsByTagName(); <!DOCTYPE html> <html> <head> <meta charset="utf-8
掌握JavaScript定时器：setInterval与setTimeout实战应用
在JavaScript编程中，定时执行函数setInterval和setTimeout是两个常用的工具，它们允许开发者在特定时间间隔或在指定延迟后执行一段代码。本文将详细介绍这两个函数的定义、用法以及相关示例。 首先，setInterval()...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值