javascript - 随机报价生成器 - 如何在每次页面加载或页面刷新后设置 setInterval？

Question

我创建了一个随机报价生成器，它每 12 秒运行一次报价。但是我希望它在每次页面加载或页面刷新后 2 秒内更改。

function changeQuote()
{
   getQuotes();
   setInterval(getQuotes, 12000);
}

Answer 1

您希望在页面加载后 2 秒调用它 - 然后之后每 12 秒调用一次？

你尝试过这样的事情吗？

function getQuotes() {
  // This is the function that gets your quotes
  console.log("Fetched quotes", new Date());
}

function firstRun() {
  getQuotes();
  setInterval(getQuotes, 12000);
}

setTimeout(firstRun, 2000);
console.log("Page loaded", new Date());

这将(页面加载后 2 秒)调用 firstRun 来获取引号 - 但也会设置下一次运行的间隔。您可以通过按“运行代码片段”按钮来查看它的运行情况。