javascript - 当鼠标在 div 上 2 秒时显示警报

Question

我在页面中有特定的 div，我需要这样做:

When the user mouse stands on the div for 2 seconds without moving out, then an alert will show

我来到这里是因为我真的不知道从哪里开始，要做什么，如何做到。

我在网上搜索过，但没有找到任何结果。任何教程、资源、指南或示例都很棒。

Answer 1

当悬停在元素上时，使用 setTimeout 请求一个警告框，延迟 2000 毫秒(2 秒)。当用户移动鼠标时，使用 clearTimeout 和 setTimeout 重置计时器。

示例， fiddle :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);
};