javascript - JavaScript 事件处理程序在 3 秒后启动

Question

我需要在关注图像 3 秒后启动事件处理程序。我应该怎么做？

此外，当我在图像的特定部分时，我需要触发另一个事件处理程序，比如图像的大致中间。我该怎么做呢？

Answer 1

使用 javascript 的setTimeout 和 setInterval函数。

// alert after 2 seconds
setTimeout("alert('Hello World!')", 2000);

// alert every 2 seconds
setInterval("alert('Hello, world!')", 2000);

Answer 2

JavaScript

var timeout;
function message(){
    alert('Hey there');
}

function start(){
    timeout = setTimeout(message,3000);
}

function stop(){
    clearTimeout(timeout);
}

HTML

<img src="HappyCow.jpg" onmouseover="start()" onmouseout="stop()" />

这里的事件处理很粗糙（内联>.<），但我认为这可以帮助您入门。

Answer 3

对于问题 #1：查看计时器 - 当图像处于焦点时（或鼠标悬停在其上等），您将启动它，然后在 3 秒（或任何其他时间段）后调用一个函数。该函数将在三秒钟后处理您想要执行的操作。（也许还要检查图像是否仍然“活跃”。）

对于问题 #2：一种方法是 Imagemaps，但可能还有其他/更好的选择。

希望这可以帮助！