当鼠标停留在div上2秒时显示一个警告

Question

我在页面中有特定的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);
};