javascript - 30 分钟后缓存页面加载和删除？

Question

我在我的主页上使用淡入效果，但按照建议，我应该缓存页面加载，以便我只触发一次效果。我对javascript不太了解，但这就是我所拥有的。建议？

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

更新：如果我知道我的平均访问时间在 10 分钟左右，如何在 30 分钟后从缓存中删除这次访问，以便下次访问，页面再次淡入？这就是所谓的“生存时间”吗？

脚本：

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

Answer 1

您可以使用localStorage：

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

无论如何，不​​支持的浏览器localStorage可能会因为淡入效果而窒息，所以他们不会错过它。