由于同样的问题，我偶然发现了这个问题，但如果你需要完全像setInterval()那样运行，那么没有一个答案可以帮助你，唯一的区别是函数在开始时立即被调用。

以下是我对这个问题的解决方案:

function setIntervalImmediately(func, interval) {
  func();
  return setInterval(func, interval);
}

该解决方案的优点:

使用setInterval的现有代码可以很容易地通过替换进行调整 在严格模式下工作 它使用现有的命名函数和闭包 您仍然可以使用返回值并稍后将其传递给clearInterval()

例子:

// create 1 second interval with immediate execution
var myInterval = setIntervalImmediately( _ => {
        console.log('hello');
    }, 1000);

// clear interval after 4.5 seconds
setTimeout( _ => {
        clearInterval(myInterval);
    }, 4500);

坦率地说，如果你真的需要使用setInterval，那么你也可以替换原来的setInterval。因此，在现有代码之前添加此代码时不需要更改代码:

var setIntervalOrig = setInterval;

setInterval = function(func, interval) {
    func();
    return setIntervalOrig(func, interval);
}

尽管如此，上面列出的所有优点都适用于这里，但没有必要进行替换。

我不确定我是否理解正确，但你可以很容易地做这样的事情:

setInterval(function hello() {
  console.log('world');
  return hello;
}(), 5000);

显然有很多方法可以做到这一点，但这是我能想到的最简洁的方法。

函数的即时异步调用存在一个问题，因为标准的setTimeout/setInterval即使直接将其设置为0，也具有大约几毫秒的最小超时。这是由浏览器特定的工作引起的。

一个具有REAL零延迟的代码示例，可在Chrome, Safari, Opera中工作

function setZeroTimeout(callback) {
var channel = new MessageChannel();
channel.port1.onmessage = callback;
channel.port2.postMessage('');
}

你可以在这里找到更多信息

在第一次手动调用之后，您可以用函数创建一个间隔。

如果你可以使用RxJS，有一个叫做timer()的东西:

import { Subscription, timer } from 'rxjs';

const INITIAL_DELAY = 1;
const INTERVAL_DELAY = 10000;
const timerSubscription = timer(INITIAL_DELAY, INTERVAL_DELAY)
  .subscribe(() => {
    this.updateSomething();
  });

// when destroying
timerSubscription.unsubscribe();

这里有一个简单的版本给新手，没有所有的混乱。它只是声明函数，调用它，然后开始interval。就是这样。

//在这里声明函数 函数My_Function () { console.log (" foo "); ｝ //首先调用函数 My_Function (); //设置时间间隔 Var interval =窗口。setInterval(My_Function, 500);

如果你需要，这里有一个包装来美化它:

(function() {
    var originalSetInterval = window.setInterval;

    window.setInterval = function(fn, delay, runImmediately) {
        if(runImmediately) fn();
        return originalSetInterval(fn, delay);
    };
})();

将setInterval的第三个参数设置为true，它将在调用setInterval后立即运行:

setInterval(function() { console.log("hello world"); }, 5000, true);

或者省略第三个参数，它将保持原来的行为:

setInterval(function() { console.log("hello world"); }, 5000);

一些浏览器支持setInterval的附加参数，但这个包装器没有考虑到这些参数;我认为这些很少使用，但如果你确实需要它们，请记住这一点。