缓存页面加载并在30分钟后删除?

时间:2013-04-27 05:20:37

标签: javascript jquery caching fadein browser-cache

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

同样,一旦页面被缓存,我计划禁用淡入淡出效果,这样每次加载页面时都不会唠叨用户。

更新:如果我知道我的平均访问时间大约是10分钟,那么如何在30分钟后从缓存中删除此访问,以便下次访问时,该页面会再次淡入?这被称为“生存时间吗?”

脚本:

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

1 个答案:

答案 0 :(得分:1)

您可以使用localStorage

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

不支持localStorage的浏览器可能会对淡入效果产生影响,所以他们不会错过它。