javascript - 尝试删除此代码而不需要将其放在单独的页面中

Question

我的 index.html 页面有一个精美的动画开始，它本质上是下面的这段代码......

 $(document).ready(function() {
     setTimeout(function() {
       $("#loader-wrapper .loader-section, #textbit, #logo, #wrapper").hide("slow"); 
       $("#wrapper").unwrap();
    }, 11000);

 });

.....所以一旦这段代码运行了 11 秒，它就会全部解包，这太棒了...问题是我有一个标签可以随时返回索引页面，但我不想人们每次都必须等待介绍动画运行才能进入主页....

我不会接受任何说......“在单独的页面上制作动画”的答案 - 代码必须在索引页面本身上。

我希望有某种 jquery 可以删除代码，直到浏览器页面被刷新，诸如此类。非常感谢这里的任何帮助。

编辑 -- 获得一些初步反馈，表明这还不清楚……以……为步骤……

1. 用户转到 index.html
2. 以上代码开始并持续 11 秒。
3. 然后它被展开并消失。
4. 在用户浏览网站时，他们会单独点击“主页” Logo 。
5. 这会将人们带回 index.html 页面
6. 不幸的是，他们每次都要等待 11 秒，我希望这停止，除非他们刷新浏览器或其他东西。

Answer 1

您可以在服务器端使用 localStorage 或 cookie 之类的东西来管理它。

这是本地存储示例:

$(document).ready(function() {
  if( !window.localStorage || !window.localStorage.getItem('hpAnim') ) {
    setTimeout(function() {
      $("#loader-wrapper .loader-section, #textbit, #logo, #wrapper").hide("slow"); 
      $("#wrapper").unwrap();
    }, 11000);
    if( window.localStorage ) {
      window.localStorage.setItem('hpAnim', true)
    }
  }
} );

所以现在(在 IE8+ 中)第二次和以后的页面加载不会运行动画。

另一方面，如果您有一个单页 JavaScript 应用程序并且您希望它仅在页面刷新后重新运行(根据问题评论)，那么您可以跳过本地存储并简单地设置一个全局变量窗口:

window.hasSeenAnimation = true

然后在再次运行动画之前检查该条件。页面刷新后，该变量将消失。