3

jquery を使用した html ページで問題が発生した場合、ユーザーが 20 秒間何も操作を行わない場合に div を表示したいと考えています。コードの時間を設定できないため、jqueryを使用して表示および非表示にすることができます：

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

2 に答える 2

0

これはマウスの移動アクティビティを待機し、20 秒経過すると div が表示されます。

var mouseTimeout;

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

    mouseTimeout = setTimeout(
        function(){
        $("#VisitWidget").slideToggle(); 
    },
    20000); // 20 seconds
});
于 2012-09-29T19:12:59.270 に答える
0

これを試して

<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..
于 2012-09-29T19:16:23.913 に答える