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

等待鼠标移动活动，如果超过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..

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

2 个答案: