js里面setInterval和setTimeout相同点和区别

最新推荐文章于 2023-11-26 12:24:56 发布
最新推荐文章于 2023-11-26 12:24:56 发布
阅读量245 收藏
点赞数
分类专栏： 前端
原文链接：https://www.mk2048.com/blog/blog_hjkcijbhaaaa.html
版权

相同点：两个方法都是先触发间隔时间，再触发回调函数

 

区别：

1.setInterval每隔指定的时间就执行一次表达式，若不停止会一直执行下去

而setTimeout在执行时,是在载入后延迟指定时间后,去执行一次表达式,次数仅为一次

 

2.将setTimeout包含于被执行函数中,然后在函数外再次使用setTimeout来达到定时执行的目的 

这样,函数外的setTimeout在执行函数时再次触发setTimeout从而形成周而复始的定时效果，但是

这样每次时间就相当于延迟时间+函数执行时间，时间越久，误差越大；

而setInterval是间隔时间去执行函数，并不会产生误差，setInterval适用于显示时间，精确度高

 

会做饭的技术男
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery中使用setInterval和setTimeout的方法
12-10
在JavaScript和jQuery中，`setInterval` 和 `setTimeout` 是两个非常重要的函数，它们用于安排代码在特定时间点或间隔执行。在jQuery中，虽然它们的使用方式与原生JavaScript基本相同，但可以通过jQuery的扩展来使...
JS前端知识点总结之内置对象，日期对象和定时器相关操作
12-01
JavaScript是一种广泛应用于网页和互联网应用开发的脚本语言，它主要在客户端运行，与用户交互。在JS中，内置对象是一些预定义的对象，提供了许多常用的功能，方便开发者使用。以下是对标题和描述中提到的一些关键...
setTimeout和setInterval的区别
penghuaiyi2008的专栏
12-29 267
这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。 方 法 实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。 不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间...
JavaScript SetInterval与setTimeout的区别
10-29 133
本文讲解了JavaScript SetInterval与setTimeout的区别，并用代码示例演示了使用方法 setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这...
setTimeout() 与 setInterval() 异同
weixin_44023658的博客
04-10 504
setTimeout() 这里浏览器将在执行匿名函数之前等待两秒钟，然后将显示警报消息 let myGreeting = setTimeout(function() { alert('Hello, Mr. Universe!'); }, 2000) 缺陷 您可以使用递归的setTimeout（）调用以类似于setInterval（）的方式重复运行函数，使用如下代码： let i = 1; s...
setTimeout和setInterval的区别与差异
雷潇的博客
01-09 775
setTimeout: setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout() 只执行 code 一次。 页面上显示就是这样，点击按钮就会在指定的2000毫秒弹出对话框。 setInterval: setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInte
JavaScript两种计时器的实例讲解
12-01
在这篇文章中，我们将深入探讨两种计时器——`setInterval()` 和 `setTimeout()`，以及它们在实际编程中的应用。 1. `setInterval()` 计时器： `setInterval()` 方法用于周期性地执行指定的代码，直到 ...
My-Running-Man-Game-:我的游戏由 javascript 和 html 与移相器制作
06-29
5. **动画和定时器**：JavaScript的`requestAnimationFrame`常用于创建流畅的游戏动画，配合定时器（如`setInterval`和`setTimeout`）控制游戏节奏和更新屏幕。 6. **游戏逻辑**：JavaScript编写的游戏逻辑可能包括...
canvas实现爱心和彩虹雨效果
08-31
通过在`requestAnimationFrame()` 函数中调用`draw()` ，我们可以实现平滑的动画帧率，这比简单地使用`setTimeout()` 或`setInterval()` 更加高效且适应性更强。 总的来说，这个例子展示了Canvas的强大功能，以及...
Javascript中的setTimeout和setInterval函数的区别
weixin_33794672的博客
07-02 87
从几年前(有5年多)一直到现在，在很多讲解Javascript的资料中看过setTimeout和setInterval这两个函数，一直就是以为它们俩的功能是完全一样的－－就是多久时间后执行一下了事，所以一直用的就是setTimeout函数，还从来在自己的代码中没用过setInterval函数，其实为什么就不再进一步想想，如果这两个函数功能完全一样，为啥有存在的合理性。 到现...
javascript中的两个定时函数setTimeOut()和setInterVal()的区别
weixin_34061042的博客
11-28 293
js中经常性要用到间隔几秒或暂停几秒执行某个函数， 简单介绍我从网上收集到setTimeOut（）和setInterVal()的区别1、setInterVal()介绍 1）定义 setInterval() 方法可按照指定的周期（以毫秒计）来执行函数或表达式。该方法会不停地循环调用函数，直到使用 clearInterval() 明确停止该函数或窗口被关闭。 clearInterval() 函数的参数...
setTimeout 、setInterval、requestAnimationFrame
好好学习天天向上
08-02 412
如果事件处理程序花了300ms多一点时间完成，同时定时器代码也花了差不多的时间，就会同时出现跳过某间隔的情况。这样做的好处 ①在前一个定时器代码执行完之前，不会向队列插入新的定时器代码，确保不会有任何缺失的间隔。② 它可以保证在下一次定时器代码执行之前，至少要等待指定的间隔，避免了连续的运行。显示器的刷新频率是60Hz，浏览器也会尽量保持60Hz的刷新率运行，也就是16.7ms刷新一帧所以(60次/s)在每次屏幕刷新时，判断当前帧是否还有多余的时间(上述6个步骤执行完后)，如果有，则会调用。........
javascript中setTimeout()和setInterval()的区别
Android
08-13 828
setTimeout() : 用于在指定的毫秒数后调用函数或计算表达式;  按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭; 两个函数的区别在于它们的执行次数不一样, setTimeout()只执行一次；而setInterval()无限次循环执行。     使用clearTimeout(t);和clearInte
JavaScript---两种定时器，setTimeout和setInterval的区别
weixin_51060775的博客
04-02 603
setTimeout定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 setTimeout 方法接收两个参数，第一个参数为回调函数函数或字符串，第二个参数为触发时间(单位：毫秒)。 setTimeout(code, milliseconds, param1, param2, ...)​ setTimeout(function, milliseconds, param1, param2, ...) 参数 描述 code 必需要调用...
JS中的setTimeout和setInterval函数的区别
xuefeihua的专栏
07-09 546
setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次 ； setInterval(表达式,交互时间)则不一样,它从载入后，每隔指定的时间就执行一次表达式 。 说明：本文转自：http://www.cnitblog.com/yemoo/archive/2006/06/29/13078.html 一直知道js里有这两个函数，而且好象都是
JS中setTimeout和setInterval的区别
balabalalalmj的博客
04-25 161
setTimeout和setInterval的使用 这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。 方 法 实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。 不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。 虽
2021下半年模考-Web初级理论模包括答案
qq_40835779的博客
11-26 2048
2021年1+x Web前端试卷（理论）初级
setTimeout与setInterval的区别
热门推荐
zy451的博客
05-26 2万+
setTimeout定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout 方法接收两个参数，第一个参数为回调函数函数或字符串，第二个参数为触发时间(单位：毫秒) setInterval()定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 c
setinterval 和 settimeout的区别
最新发布
06-11
`setTimeout`和`setInterval`是JavaScript中用于定时执行回调函数的两个核心方法，它们的主要区别在于执行的频率和灵活性： 1. `setTimeout`（延迟执行）： - 它会在指定的毫秒数（`milliseconds`）后执行一次回调...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值