Estou a criar um sistema e preciso que se o rato estiver parado durante 3 segundos em cima de uma div faça algumas acções, eu tive a investigar e encontrei um código, ele está a funcionar normalmente mas ele fica a gerar erro no console sempre que o usuário mexe o rato, apesar de este erro não causar problemas ao funcionamento do site, alguém poderia-me ajudar a remover este erro?
PS: A função setEvent()
é chamada também quando existe um hover sobre a div que falei acima
Erro:
Uncaught ReferenceError: timeout is not defined
Código:
$(document).on('mousemove', function() {
if (timeout !== null) {
$(".video_overlays").css("display", "block");
$(".trailer").css("cursor", "auto");
clearTimeout(timeout);
}
setEvent();
});
function setEvent(){
timeout = setTimeout(function() {
$(".video_overlays").fadeOut(2000);
$(".trailer").css("cursor", "none");
}, 3000);
}