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

Question

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

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

Answer 1

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

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

希望这会有所帮助！

Answer 2

使用javascript的setTimeout and setInterval函数。

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

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

Answer 3

的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()" /> 

该事件处理是粗略的位置（内嵌>。<），但我认为这可以让你开始。