javascript - 如何使函数立即调用，然后每 5000 毫秒调用一次

Question

我有这个功能，每 5000 毫秒更新一次。但是，当我加载页面时，它等待 5000 毫秒，然后第一次调用该函数，然后等待 5000 毫秒一次又一次地更新它。

我想这样做，在页面加载时，它第一次立即调用该函数，然后等待 5000 毫秒一次又一次地调用它。我该怎么做？

setInterval(function() {
    document.getElementById("test").innerHTML = "js works";
}, 5000);

<div id="test"></div>

Answer 1

使用 !function IIFE setTimeout 的语法:

!function refresh () {
  document.getElementById("test").innerHTML = Date.now()
  setTimeout(refresh, 5000)
}()

<div id="test"></div>