Javascript 缓存页面在30分钟后加载和删除？

我在我的主页上使用了淡入效果，但正如建议的那样，我应该缓存页面加载，以便只触发一次效果。我对javascript不是很精通，但这就是我所拥有的。建议

同样，一旦页面被缓存，我计划禁用淡入淡出效果，这样它就不会在每次加载页面时都困扰用户

更新：如果我知道我的平均访问时间约为10分钟，我如何在30分钟后从缓存中删除此访问，以便下次访问时，页面再次淡入？这叫“活下去的时间”吗

脚本：

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

$（文档）.ready（函数（）{
if（window.localStorage&！localStorage['flated']）{
localStorage['Failed']=true；
$（'body'）.hide（）.fadeIn（500）；
}
});

您可以使用

localStorage

：

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

$（窗口）。加载（函数（）{
if（window.localStorage&！localStorage['flated']）{
localStorage['Failed']=true；
$（'body'）.hide（）.fadeIn（500）；
}
});

---

不支持

localStorage

的浏览器可能会因为淡入效果而窒息，所以他们不会错过它。

sessionStorage

可能会更好，这取决于页面更新的频率。@kurzweilguy:嗯，整个

else

块就是问题所在。替换

$（窗口）的内容。用我的代码加载
回调。@kurzweilguy:查看我的答案。@kurzweilguy:这是
窗口。localStorage
，而不是
文档。localStorage
@kurzweilguy:我不想。