我需要在关注图像 3 秒后启动事件处理程序。我应该怎么做?
此外,当我在图像的特定部分时,我需要触发另一个事件处理程序,比如图像的大致中间。我该怎么做呢?
我需要在关注图像 3 秒后启动事件处理程序。我应该怎么做?
此外,当我在图像的特定部分时,我需要触发另一个事件处理程序,比如图像的大致中间。我该怎么做呢?
使用 javascript 的setTimeout 和 setInterval函数。
// 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()" />
这里的事件处理很粗糙(内联>.<),但我认为这可以帮助您入门。
对于问题 #1:查看计时器 - 当图像处于焦点时(或鼠标悬停在其上等),您将启动它,然后在 3 秒(或任何其他时间段)后调用一个函数。该函数将在三秒钟后处理您想要执行的操作。(也许还要检查图像是否仍然“活跃”。)
对于问题 #2:一种方法是 Imagemaps,但可能还有其他/更好的选择。
希望这可以帮助!