Как заставить функцию вызываться мгновенно, а затем вызываться каждые 5000 мс

Question

У меня есть эта функция, которая обновляется каждые 5000 мс.Однако, когда я загружаю страницу, она ждет 5000 мс, затем вызывает функцию в первый раз, а затем ждет 5000 мс, чтобы обновить ее снова и снова.

Я хочу сделать так, чтобы при загрузке страницы она мгновенно вызывалафункция в первый раз, а затем ждет 5000 мс, чтобы вызвать его снова и снова.Как я могу это сделать?

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

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

Answer 1

Вы можете использовать setTimeout с IIFE .

(function loop() {
  document.getElementById("test").innerHTML = "js works";
  console.log(new Date().getTime());
  setTimeout(loop, 5000); // Run the loop function for every 5000 ms.
}()); // Run the loop function at first time.

Примерно так:

(function() {

  (function loop() {
    document.getElementById("test").innerHTML = "js works";
    console.log(new Date().getTime());
    setTimeout(loop, 5000);
  }());

}());

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

Answer 2

Использовать !function IIFE синтаксис с setTimeout:

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

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

Answer 3

Проще всего просто вызвать функцию самостоятельно в первый раз:

function my_func()
{
    document.getElementById("test").innerHTML = "js works";
    console.log("js works");
}

my_func();
setInterval(my_func(), 5000);

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