2013-04-27 56 views
0

我在我的主頁上使用淡入效果,但如所暗示的,我應該緩存頁面加載,以便只觸發一次效果。我對JavaScript並不太瞭解,但這就是我所擁有的。建議?30分鐘後緩存頁面加載和刪除?

同樣,一旦頁面被緩存,我打算禁用淡入淡出效果,這樣每次加載頁面時都不會嘮叨用戶。

更新:如果我知道我的平均訪問時間是10分鐘左右,30分鐘後如何從緩存中刪除此訪問,以便下一次訪問,頁面再次淡出?這叫做「生存時間」嗎?

腳本:

<script type="text/javascript"> 
    $(document).ready(function() { 
     if (window.localStorage && !localStorage['faded']) { 
      localStorage['faded'] = true; 
      $('body').hide().fadeIn(500); 
     } 
    }); 
</script> 

回答

1

您可以使用localStorage:不支持localStorage可能會嗆到淡入效果,反正

<script type="text/javascript"> 
    $(window).load(function() { 
     if (window.localStorage && !localStorage['faded']) { 
      localStorage['faded'] = true; 
      $('body').hide().fadeIn(500); 
     } 
    }); 
</script> 

瀏覽器,所以他們贏得了」不要錯過它。

+0

'sessionStorage'可能會更好,取決於頁面更新的頻率。 – 2013-04-27 05:26:22

+0

@kurzweilguy:IE7 – Blender 2013-04-27 05:28:17

+0

@kurzweilguy:那麼,整個'else'塊就是問題所在。用我的代碼替換'$(window).load'回調的內容。 – Blender 2013-04-27 05:42:33