Показывать предупреждение, когда мышь находится в режиме ожидания в течение 2 секунд

Question

У меня есть определенный div на странице, и мне нужно сделать это:

Когда пользовательская мышь стоит на div в течение 2 секунд, не выходя из нее, появляется предупреждение

Я пришел сюда, потому что не знаю, с чего начать, что делать, как это сделать.

Я искал в Интернете, но не получил результатов. Любой учебник, ресурсы, руководство или пример будут хороши.

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