在整个网站上连续运行jQuery动画

Question

我正在使用jQuery timers插件（plugins.jquery.com/project/timers）在我的网站上运行无限循环的变色背景：

jQuery(document).ready(function($) {
    $('body').everyTime(1,function() {
        $(this).animate({ backgroundColor: "#000000" }, 20000).animate({ backgroundColor: "#ffffff" }, 20000);
    });
});

现在，如果你在“家”，并点击一个链接，它会转到相应的页面，重新启动动画。问题是，我希望动画不要重新启动，并且在整个网站中连续。

有什么办法吗？

只要您停留在同一个域中，是否可以运行每次转到不同页面时都不会停止并重新启动的脚本？

Answer 1

  

你能运行一个不停止的脚本吗？   并在每次去的时候重启   不同的页面，只要你留下来   在同一个域？

没有

  

有什么办法吗？

我想你可以跟踪cookie中的当前颜色。动画重新启动时，请先检查cookie。我个人并不喜欢这个想法，但它会起作用。

如果您希望它完全无缝 - 您需要使用AJAX a la Facebook加载每个新的内容页面，但这是为动画背景提供大量工作。< / p>

Answer 2

您可以在动画循环中执行一个AJAX帖子到一个脚本，该脚本将当前动画状态保存到用户的会话变量中。页面加载后，从会话变量中指示的点开始动画。