Javascript jQuery在20秒不活动后淡入淡出对象

如果用户在20秒钟内没有点击鼠标，我想淡出一个div

我有以下代码：

if($('.main-popup2').is(":visible")){
    setTimeout(function() {
        $('.main-popup2').fadeOut('fast');
    }, 20000);
}

问题是我不知道如何在检测到用户鼠标点击后重置setTimeout

谢谢

该方法实际上返回对其创建的计时器的引用。此引用可用于在计时器执行之前停止计时器

下面是一个如何使用此功能的示例：

var timer;

if($('.main-popup2').is(":visible")){
    // create the timer and save its reference
    timer = setTimeout(function() {
        $('.main-popup2').fadeOut('fast');
    }, 20000);
}

// when clicking somewhere on the page, stop the timer
$(document).click(function() {
    clearTimeout(timer);
}):

使用延迟功能

(window).click(function () {
   $('.main-popup2').delay(6000).fadeOut(300);
}

---

每次单击后重新启动6秒。如果没有主弹出按钮，则最好单击

主体。不确定他希望单击什么来禁用
超时
+1尽管如此，我还是改编了我的例子。
(window).click(function () {
   $('.main-popup2').delay(6000).fadeOut(300);
}