Question

我在页面中确定div，我需要这样做：

当用户鼠标在div上站立2秒而没有移出时，会显示警告

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

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

Answer 1

将鼠标悬停在元素上时，使用setTimeout请求警告框，延迟时间为2000毫秒（2秒）。当用户移动鼠标时，使用clearTimeout和setTimeout重置计时器。

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

鼠标在div上2秒钟时显示警告

1 个答案: