Javascript 覆盖文本-在一定时间后

我想取下按钮。访客停止在页面上单击鼠标30秒后，代码自动激活

（）上的函数{ document.getElementById（“覆盖”）.style.display=“块”； } 函数off（）{ document.getElementById（“覆盖”）.style.display=“无”； }

#覆盖{
位置：固定；
显示：无；
宽度：100%；
身高：100%；
排名：0；
左：0；
右：0；
底部：0；
背景色：rgba（0,0,0,0.7）；
z指数：2；
光标：指针；
}
#正文{
位置：绝对位置；
最高：50%；
左：50%；
字体大小：50px；
颜色：白色；
转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
}

你去哪了？
我想删除此按钮，并使图标在指定时间后自动激活

使用

设置超时

和

清除超时

使用

4000

ms的示例：

var EL_overlay=document.getElementById（“overlay”）；
var timeoutOverlay=null；
关于（）的函数{
EL_overlay.style.display=“块”；
}
函数off（）{
EL_overlay.style.display=“无”；
clearTimeout（timeoutOverlay）；//清除现有超时
timeoutOverlay=setTimeout（on，4000）；//并启动一个新的
}
//继续单击以重置正在进行的超时。
//如果停止单击，4秒后将显示通知
document.body.addEventListener（'click'，off'）；
off（）；//启动第一个超时…

html，正文{高度：100%；}
#覆盖层{
位置：固定；
显示：无；
宽度：100%；
身高：100%；
排名：0；
左：0；
右：0；
底部：0；
背景色：rgba（0,0,0,0.7）；
z指数：2；
光标：指针；
}
#正文{
位置：绝对位置；
最高：50%；
左：50%；
字体大小：50px；
颜色：白色；
转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
}

你去哪了？