2

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

此外,当我在图像的特定部分时,我需要触发另一个事件处理程序,比如图像的大致中间。我该怎么做呢?

4

3 回答 3

4

使用 javascript 的setTimeout 和 setInterval函数。

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

// alert every 2 seconds
setInterval("alert('Hello, world!')", 2000);
于 2009-05-31T21:04:07.493 回答
4

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

这里的事件处理很粗糙(内联>.<),但我认为这可以帮助您入门。

于 2009-05-31T21:23:53.773 回答
1

对于问题 #1:查看计时器 - 当图像处于焦点时(或鼠标悬停在其上等),您将启动它,然后在 3 秒(或任何其他时间段)后调用一个函数。该函数将在三秒钟后处理您想要执行的操作。(也许还要检查图像是否仍然“活跃”。)

对于问题 #2:一种方法是 Imagemaps,但可能还有其他/更好的选择。

希望这可以帮助!

于 2009-05-31T21:00:16.673 回答