setTimeout setInterval

1、setTimeout：在指定的毫秒数后，将定时任务处理的函数添加到执行队列的队尾。

2、setInterval：按照指定的周期(以毫秒数计时)，将定时任务处理函数添加到执行队列的队尾。

setTimeout与setInterval且都是异步的，调用setTimeout时候，会有一个延时事件排入队列；

Javascript最基础的异步函数是setTimeout与setInterval，setTimeout会在一定的时间后执行相应的函数，它接受一个回调函数和一个毫秒时间，如下：

console.log( "a" );

setTimeout(function() {

console.log( "c" )

}, 500 );

setTimeout(function() {

console.log( "d" )

}, 500 );

setTimeout(function() {

console.log( "e" )

}, 500 );

console.log( "b" );

控制台先输出“a”、“b”，大约500毫秒后，再看到“c”、“d”、“e”。你可能听过事件循环这个词，它是用于描述队列的工作方式的。当异步函数执行时，回调函数就会被压入这个队列里面，javascript引擎直到异步函数执行完，才会开始出来这个事件循环，这意味着javascript也并不是多线程的，事件循环是一个先进先出的（FIFO）队列，这说明回调是按照他们被加入队列的顺序执行的(在相同的情况下。)，但是如果延迟时间不一样的话，那么就不会了，就像上面的列子把定时毫秒数改大点输出来的就不一样了。

转载于:https://www.cnblogs.com/sheting/p/5601305.html

setTimeout setInterval相关推荐

js 定时器（setTimeout/setInterval）出现变量未定义（xxx is not defined）的解决方法
js 定时器(setTimeout/setInterval)出现变量未定义(xxx is not defined) 的解决方法参考文章: (1)js 定时器(setTimeout/setInterv ...
setTimeout,setInterval你不知道的事
javascript线程解释(setTimeout,setInterval你不知道的事) 标签: javascript引擎任务浏览器functionxmlhttprequest 2011-11-21 ...
js获取今天剩余时间_js动画，setTimeout/setInterval的不准确
先mark,后期在丰富... 1.前言 css能满足绝大多数的动画,但是还是有一小部分需要用到js.例如scroll setTimeout/setInterval的不准确大家都知道.下面重点说说 r ...
setTimeout/setInterval与requestAnimationFrame的区别？
提到 setTimeout/setInterval 以及 requestAnimationFrame,大家的第一反应是动画相关的两个 API. 什么是web 动画我们来谈谈什么是动画.动画其实是一种 ...
window对象方法之setTimeout(),setInterval()
window中的这两个方法是比较重要的,在许多的设计中会使用到这两个方法.比如使用在倒计时抢购中. 首先来说说这两个方法的用法吧! 一:window.setTimeout(); setTimeout( ...
setTimeout() setInterval()
本篇文章,小编将为大家介绍Js中setTimeout()和setInterval() 何时被调用执行的用法,有需要的朋友可以参考一下定义setTimeout()和setInterval()经常被用来 ...
JavaScript——定时器（setTimeout/setInterval）
基本概念 js 定时器有以下两个方法: setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式.方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭. ...
JS中定时器setTimeout,setInterval,clearTimeout,clearInterval用法
setTimeout是指过多久执行,只执行一次 setInterval是指每过多久执行一次 clearTimeout是关闭setTimeout定时器 clearInterval是关闭setInterv ...
清除定时器和 vue 中遇到的定时器setTimeout setInterval问题
2019-03更新找到了更简单的方法,以setinterval为例,各位自行参考 mounted() {const that = thisconst timer = setInterval(func ...

setTimeout setInterval

setTimeout setInterval相关推荐

最新文章

热门文章