Question

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

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

Answer 1

使用javascript的setTimeout and 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()" />

此处的事件处理非常粗糙（内联＆gt;。＆lt;），但我认为这可以让您入手。

Answer 3

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

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

希望这有帮助！

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

3 个答案: