Javascript：鼠标悬停时显示窗口的时间间隔为2秒

当鼠标悬停在图像上2秒或更长时间时，我试图显示一个窗口，当然，如果用户至少没有悬停2秒，我不希望显示窗口

下面是我使用的代码片段。由于代码是现在，无论用户在图像上停留多长时间，窗口都会在两秒钟后显示。我试图得到类似Netflix中延迟悬停效应的东西。我肯定我完全错了。因此，提前感谢您的帮助

<img name="img4" onMouseOver="WindowDelay(this);" onmouseout="closeDetails();" 
        src="images/MyImage.jpg" height="240" width="166"/>

<script language="JavaScript" type="text/javascript">
       var countTime = 0;
       var windowTimer = null

       function WindowDelay(thatImg)
       {
            windowTimer = window.setInterval(function() {countT(thatImg);}, 1000);
       }   

       function countT(thatImg)
       {
            countTime++;

            if (countTime == 2)
            {
                openDetails(thatImg);
                clearInterval(windowTimer);
                countTime = 0;
            }

        }
</script> 

var countTime=0；
var windowTimer=null
功能窗口延迟（thatImg）
{
windowTimer=window.setInterval（函数（）{countT（thatImg）；}，1000）；
}   
函数计数T（thatImg）
{
countTime++；
如果（countTime==2）
{
开放详细信息（thatImg）；
clearInterval（窗口计时器）；
countTime=0；
}
}

当鼠标滑过该元素时，使用

setTimeout

在两秒钟内打开窗口。如果用户将鼠标从元素上移开，请使用

clearTimeout

停止未来的窗口打开。

这里的问题/答案非常相似：我没有听说过jquery。我想我的书还没写那么多。我去看看。ThanksjQuery是一个免费的开源javascript库，它使许多浏览器的web编程更快、更简单：。它非常受欢迎。据统计，大约35%的网站使用了它，而80%的网站使用了可识别的图书馆。看起来我又要去图书馆了。：）谢谢你提供的有用信息