实现睡眠函数JavaScript的最佳方式是什么？

Question

我知道setInterval和setTimeout函数，但它不适合我的情况，因为我需要在7秒的时间间隔内创建一个img DOM元素。

• 图像的数量不是预定义的（每天变化）。

当我使用setInterval，我不能完全后一定限额（每日计）停止它。 [clearInterval仅清除迭代]

当我在内部循环（每日计数）中使用setTimeout时，它永远不会延迟。所以唯一的可能性是睡眠功能。任何人都可以帮助这种情况？

• 实现睡眠函数JavaScript的最佳方式是什么？

Answer 1

实现睡眠函数JavaScript的最佳方式是什么？

JavaScript代码必须是非阻塞的，因为任何阻塞的代码（如等待发生的循环）都会使整个浏览器无响应。 Web浏览器中的JavaScript不仅在单个线程中运行，而且实际上与页面呈现和UI共享相同的线程。

解决方案是使用定时器：setTimeout()或setInterval()。这些功能是非阻塞的;他们立即返回。他们将一个回调函数附加到将来会触发一段时间的超时事件。 JavaScript代码在调用setTimeout()函数后立即终止执行，因此用户仍然可以使用浏览器。然后当超时被触发时，先前定义的回调被调用，并且你的代码被解释。这是处理JavaScript中“延迟”的唯一实用方法。

此外，这里的一对定时器如何JavaScript的工作一篇有趣的文章：

• How JavaScript Timers Work由John Resig的

---

现在你知道为什么阻塞睡眠功能将无法正常工作，请使用setTimeout()或setInterval()查看@Tomalak's link的几种解决方案。

Answer 2

这很简单，也已经回答过。看到这个问题的答案：

• Want a javascript function to run every minute, but max 3 times.

Answer 3

你抱怨的setTimeout和setInterval，但随后描述你是如何厉害使用它们。用户setTimeout 不在循环中并且如果还有更多事情要求它调用另一个setTimeout，或者在达到维护计数后使用setInterval并调用clearInterval。