“10秒”后在网站上加载图片

Question

嘿我正在写一个网站。我知道这个问题我需要JavaScript，不幸的是我还不能这样做。

我有一个背景图片幻灯片。 每隔6秒出现一个新图像。

我现在的想法是：在4秒后加载第二张图像，在10秒后加载第三张图像，依此类推。

你能告诉我怎么样？ 非常感谢你！

Answer 1

如果您不知道从哪里开始，我会在正确的方向上给您一个轻柔的推动。请记住你的框架，如果你使用任何框架，可能有这个包装，这是纯粹的JS。

另外值得注意的是，有不同的方法来处理这个问题。例如，当图像发生变化时放置一个监听器然后对它作出反应，使用画布等。

要延迟调用函数，您可以使用setTimeout并传递一个回调函数，以便在毫秒数后调用。

setTimeout(function(){ alert("Hello"); }, 3000);

在此示例中，它将调用在3秒后调用alert的anon函数。

如果您想要每次重复调用，您需要使用setInterval

setInterval(function(){ alert("Hello"); }, 3000);

这将与第一个示例相同，但每3秒无限期。

您可以做的是仅使用设置间隔，但在第一张图像从4000加载到6000后更改超时：）

如果您指定超时和间隔，则可以取消它们（如果您不想无限期地间隔运行，这一点尤为重要。）

如果您不知道如何使用js中的延迟和间隔，这应该会让您前进。 如果您有更多信息，请发布您尝试过的内容。