マウスが2秒

Question

私はページ内の特定のdivを持っていると私はこれを行う必要があるためdivの上にある場合にアラートを表示：

ユーザーマウスが出て移動せずにdiv 2秒に立って

、その後、警告が表示されます

どこから始めるべきか、何をするか、どのように作成するかわからないので、ここに来ました。

ウェブで検索しましたが、結果はありませんでした。チュートリアル、リソース、ガイド、または例は素晴らしいでしょう。

Answer 1

要素の上に乗るときは、setTimeoutを使用して、アラートボックスを要求します。遅延時間は2000ミリ秒（2秒）です。ユーザーがマウスを動かすと、clearTimeoutとsetTimeoutを使用してタイマーをリセットします。

例、フィドル：偉大な作業だhttp://jsfiddle.net/6SyLb/1/

var div = document.getElementById("thediv"); 
function alerter(){ 
    alert("Test") 
    timer = setTimeout(alerter, 2000); 
} 
var timer; 
div.onmousemove = function(){ 
    clearTimeout(timer); 
    timer = setTimeout(alerter, 2000) 
}; 
div.onmouseover= function(){ 
    clearTimeout(timer); 
    timer = setTimeout(alerter, 2000) 
} 
div.onmouseout = function(){ 
    clearTimeout(timer); 
};