Javascript 如何在给定的时间长度后隐藏div？

如果用户在DIV上单击或悬停的时间超过30秒，我想使用JavaScript禁用或隐藏它，但我找不到该场景的任何代码。请帮我做这个

例如：

<div id="check">

    Sample codes

</div>

示例代码

您需要使用mouseover和mouseout

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

var hoverTimer;

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

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

function killTimer()
{  
    clearTimeout(hoverTimer);
}

HTML

示例代码

试试这样的方法

var intervalID = setInterval(myFunction, 30000);

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

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

---

“DIV的理想时间计算”。什么意思？您想将DIV隐藏30秒，然后再显示吗？@blex User如果单击或悬停DIV内容的时间不超过30秒，则应隐藏DIV内容以清除您的问题。。。如果用户不单击或悬停div，您想在30秒后隐藏它？@Dwza是的，您的回答不完全正确。可能是我的问题不太明白。但是我用你的答案作为提示找到了答案。谢谢投票

var intervalID = setInterval(myFunction, 30000);

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

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