通过setTimeout实现setInterval

一、settimeout浏览器关闭

使用setInterval设置的定时器，会在浏览器关闭后停止计时。而使用setTimeout来实现setInterval时，可以通过在回调函数中再次设置setTimeout来避免定时器停止计时。

let timerId = setTimeout(function tick() {
  console.log('tick');
  timerId = setTimeout(tick, 1000);
}, 1000);

二、settimeout默认时间

setTimeout函数在调用时，有两个参数，第一个参数是回调函数，第二个参数是延迟时间，单位为毫秒。如果只传递一个参数，则默认延迟时间为0。

let timerId = setTimeout(function() {
  console.log('Hello World');
}, 0);

三、settimeout默认几秒

setTimeout函数的第二个参数表示延迟的时间，单位是毫秒。所以如果要延迟1秒，就要将第二个参数设为1000毫秒。

let timerId = setTimeout(function() {
  console.log('Hello World');
}, 1000);

四、settimeout作用

setTimeout函数是用来在指定时间后执行一次回调函数的。可以在回调函数中进行一些定时操作，比如定时更新页面内容等。

let timerId = setTimeout(function() {
  document.getElementById('my-div').innerHTML = 'New Content';
}, 5000);

五、settimeout第二个参数

setTimeout函数的第二个参数表示延迟的时间，单位是毫秒。

let timerId = setTimeout(function() {
  console.log('Hello World');
}, 1000);

六、settimeout方法

setTimeout函数返回一个计时器的ID值，可以用来在回调函数执行之前取消定时器。

let timerId = setTimeout(function() {
  console.log('Hello World');
}, 1000);

clearTimeout(timerId);

七、settimeout时间不准

setTimeout函数并不是一定在指定的延迟时间之后立即执行回调函数，而是在指定的延迟时间之后插入到执行队列中。如果执行队列中有其他代码正在执行，回调函数可能会被推迟到更晚的时间执行。

setTimeout(function() {
  console.log('Hello');
}, 0);

for (let i = 0; i < 1000000; i++) {
  // Do nothing
}

console.log('World');

八、settimeout设置次数

虽然setTimeout无法准确计时，但我们可以通过在回调函数中设置定时器的次数来多次执行。可以使用一个计数器变量来控制定时器的执行次数。

let count = 0;

function timer() {
  console.log('tick');
  count++;

  if (count < 10) {
    setTimeout(timer, 1000);
  }
}

setTimeout(timer, 1000);

九、settimeout0作用

为什么使用setTimeout(func, 0)可以将代码推入事件循环队列末尾？

setTimeout(func, 0)的含义是让代码异步执行，让浏览器在下一次事件循环时执行。当执行异步代码时，其执行环境已经从当前任务的执行环境中分离出来。这就使得异步代码执行的时间与当前代码并不相关，也就可以将其推迟到队列的末尾执行。

setTimeout(function() {
  console.log('Hello World');
}, 0);

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/184877.html