Question

如果用户没有点击或悬停在DIV上超过30秒，我想使用JavaScript禁用或隐藏它，但我无法找到此方案的任何代码。请帮我这样做。

例如：

<div id="check">

    Sample codes

</div>

Answer 1

您需要使用鼠标悬停和鼠标移动。

我认为有很多解决方案使用超时是最简单的。

var hoverTimer;

function beginTimer()
{
    hoverTimer = setTimeout(timeUp, 30000); //30 Second Timeout
}

function timeUp()
{
    alert("Time Up");
}

function killTimer()
{  
    clearTimeout(hoverTimer);
}

HTML

<div id="check" onmouseover="beginTimer();" onmouseout="killTimer();">

Sample codes

</div>

Answer 2

尝试这样的事情

var intervalID = setInterval(myFunction, 30000);

function myFunction(){
    //logic goes here
    $('#check').hide();
};

$("#check").hover( function () {
    window.clearInterval(intervalID)
    },
    function () {
        intervalID = setInterval(myFunction, 30000);
});

如何在一段时间后隐藏div？

2 个答案: