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

該事件處理是粗略的位置（內嵌>。<），但我認爲這可以讓你開始。