javascript - 如果用户不执行任何活动，如何通过 jquery 显示 div

Question

如果用户在 20 秒内不执行任何活动，则使用 jquery 的 html 页面遇到问题想要显示一个 div。我可以通过无法为其设置时间来使用 jquery 显示和隐藏它代码：

<script type="text/javascript">
    $(document).ready(function () {
        $("#VisitWidget").hide();
        $("#VisitWidget").show();`
        $('#BtnBook').click(function () {
            $("#VisitWidget").slideToggle();
        });
    }); 
</script>

Answer 1

这将等待鼠标移动活动，如果 20 秒过去，它将显示您的 div。

var mouseTimeout;

$(document).on('mousemove', function (e) {
    clearTimout(mouseTimeout);

    mouseTimeout = setTimeout(
        function(){
        $("#VisitWidget").slideToggle(); 
    },
    20000); // 20 seconds
});

Answer 2

试试这个

<script type = "text/javascript" >
 $(document).ready(function() {
    setInterval(function() {
        if ($(document).data('events')) {
            $("#VisitWidget").show();
        }
        else {
            $("#VisitWidget").hide();
        }
    }, 2000);
}); 
< /script>

//

$(document).data('events') will check if there are any events on the page..