如何交错执行 2 个 JavaScript 函数

How to perform 2 javascript functions interleaved?

本文关键字:JavaScript 函数 何交错 执行      更新时间:2023-09-26

我有两个函数,需要每30秒执行一个函数。

例如,执行title(),30 秒后执行 subtitle() ,30 秒后执行 title()

我需要使用setInterval()来执行函数。

function a() { document.write('a ') }
function b() { document.write('b ') }
function c() { document.write('c ') }
fns = [a, b, c]
inter = setInterval(function() {
  
  fns[0]();
  fns.push(fns.shift());
  
}, 1000);

使用 setInterval 您可以使用简单的标志来执行此操作。

var flag = true;
function title() {
  console.log('title');
}
function subtitle() {
  console.log('subtitle');
}
function wrapper() {
  if(flag) {
    title();
  } else {
    subtitle();
  }
  flag = !flag;
}
setInterval(wrapper, 30000);

UPD刚刚发现,你必须使用setInterval。因此,格奥尔格的回答是目前最好的。


我想出了这个快速的解决方案。

var functions = [title, subtitle];
(function loop(i) {
    functions[i]();
    setTimeout(loop, 30e3, Number(!i));
})(0);

有一个由 2 个函数(标题和副标题)和一个循环函数组成的元组,它立即调用第一个函数,然后启动一个计时器 30 秒,以使用第二个函数的索引再次调用 self。

目前,这是一个无限递归。唯一的限制是调用堆栈大小。