3秒後に開始するJavaScriptイベントハンドラ

Question

イメージにフォーカスを当てて3秒後にイベントハンドラを開始する必要があります。それについてどうすればいいですか？

また、画像の特定の部分にいるとき、別のイベントハンドラをトリガする必要があります。たとえば、イメージのおおよその中央です。これはどうすればいいですか？

Answer 1

質問1：画像をフォーカスしているとき（またはマウスがその上に移動したときなど）に起動すると、3秒後（または他の期間）に関数が呼び出されます。この関数は3秒後に何をしたいかを処理します。 （イメージがまだ「アクティブ」であるかどうかもチェックしてください）

質問2の場合：これを行う1つの方法はイメージ・マップですが、その他のオプションもあります。

希望すると便利です。

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

イベント処理は、ここで（インライン>。<）荒いですが、私は、これはあなたが開始されると思います。