Question

我有一个片段让我的页面每分钟刷新一次。但是，我希望页面淡出为特定颜色，然后刷新并再次淡入。有没有简单的方法呢？

这是我使用的代码;

setInterval("refresh();",60000);
 function refresh(){
  window.location = location.href;
 }

我在搜索解决方案时发现了这段代码，但不确定如何在一个区间内使用它;

$("body").fadeOut( 
 function(){
  location.reload(true);
 $( document).ready( function(){$(body).fadeIn();}); 
});

Answer 1

<强> DEMO

添加此CSS以在页面加载时隐藏正文。

body{display:none};

然后在加载时，将身体淡入。

60秒后将其淡出，然后将页面重新加载到fadeOut完成后执行的回调中。

$(function(){
    $('body').fadeIn(1000);
    setTimeout(function(){
        $('body').fadeOut(1000, function(){
            location.reload(true);
        });
    }, 60000);
});

当页面重新加载时，无需使用setInterval; setTimeout很好。

Answer 2

您需要以不同的方式进行：

.hidden {display: none;}

$(document).ready(function () {
  $("body").removeClass("hidden").hide().fadeIn(400);
});

我不知道如何在卸载页面时这样做。可能不会一直工作。

jQuery：使用fadein和fadeout刷新页面

2 个答案: