javascript - 原型(prototype)JS:带有计时器的鼠标悬停？

我是Prototype JS（和一般的javascript）的新手，并且我试图在用户将鼠标悬停在页面上的元素上半秒钟之后使覆盖显示。目前，我正在通过以下方式完成此任务：

$$("a.tag").invoke('observe', 'mouseover', function() {
//my code here
});

这段代码使鼠标悬停在触发元素上时会显示叠加层，但是如何添加半秒暂停？

最佳答案

做这个：

var timerId;

$$("a.tag").invoke('observe', 'mouseover', function() {
  timerId = setTimeout(function() {
     // code here
  }, 500);
});

$$("a.tag").invoke('observe', 'mouseout', function() {
  if (timerId) {
    cancelTimeout(timerId)
    timerId = null;
  }
});

关于javascript - 原型(prototype)JS:带有计时器的鼠标悬停？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4290607/