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

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 秒後 (またはその他の期間) に関数を呼び出します。関数は、3 秒後にやりたいことを処理します。（画像がまだ「アクティブ」であるかどうかも確認してください。）

質問 #2 について: これを行う 1 つの方法はイメージマップですが、他の/より良いオプションがあるかもしれません。

お役に立てれば！