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

Question

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

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

Answer 1

试试这个

<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..