プロトタイプJS：タイマー付きマウスオーバー？

Question

私はプロトタイプJS（および一般的なJavaScript）を初めて使いました。ユーザーがページ上の要素を0.5秒間ホバーした後にオーバーレイを表示しようとしています。現在、私はこの達成しています：

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

トリガー要素がマウスオーバーされたときにオーバーレイが表示されます。このコードは、どのように私は半分が一時停止する秒追加するには？

ご協力いただきありがとうございます！

Answer 1

この操作を行います。私はあなたがあなたの要素にクラスwaitingEndDelayを追加することができると思う

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

Answer 2

を。 要素にwaitingEndDelayクラスがない場合にのみ実行されるように、 "show function"をコーディングします。遅延の最後にwaitingEndDelayを削除します。