javascript - 原型(prototype) JS : mouseover with timer?

Question

我是 Prototype JS(和一般的 javascript)的新手，我试图在用户将鼠标悬停在页面上的元素上半秒钟后显示一个叠加层。目前，我正在通过以下方式实现这一点:

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

当鼠标悬停在触发元素上时，此代码会显示叠加层，但如何添加半秒停顿？

Answer 1

这样做:

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;
  }
});