dom - JavaScript event handler to initiate after 3 seconds - Stack Overflow

admin管理员组

文章数量:1305252

I need to initiate the event handler after 3 seconds of being focused on an image. How should I go about it?

Also, I need to trigger another event handler, when I am at a particular part of an image, say the approximate middle of the image. How do I do this?

I need to initiate the event handler after 3 seconds of being focused on an image. How should I go about it?

Also, I need to trigger another event handler, when I am at a particular part of an image, say the approximate middle of the image. How do I do this?

• javascript
• dom
• dom-events

Share Improve this question Follow edited Jul 27, 2022 at 21:11 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked May 31, 2009 at 20:55 amitamit 10.3k2323 gold badges7676 silver badges125125 bronze badges 1

• I answered #1, but for #2 I'd use a framework (like mootools or jquery). Are you using one? – Ryan Florence Commented May 31, 2009 at 21:41

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

Use javascript's setTimeout and setInterval functions.

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

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

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

The event handling is rough here (inline >.<), but I think this gets you started.

For question #1: look into timers - you'd start it when the image is in focus (or the mouse hovers over it etc.), then it calls a function after 3 seconds (or any other period). The function would handle what you want to do after three seconds. (Maybe also check if the image is still "active".)

For question #2: One way to do this is Imagemaps, but there may be other/better options.

Hope this helps!

本文标签： domJavaScript event handler to initiate after 3 secondsStack Overflow