Question

我正在使用jQuery和颜色动画插件创建背景色动画 http://plugins.jquery.com/project/color

每次运行完成后，如何让一个函数保持循环重复？我试过这个，但它不起作用：

 function colorLoop(){
  $("#window")
     .animate({ backgroundColor: "orange" }, 11000)
  .animate({ backgroundColor: "violet" }, 1000)
  .animate({ backgroundColor: "red" }, 1000, colorLoop);
  };

Answer 1

您只创建了该功能，但没有调用它。将colorLoop();粘贴在};和});之间。另外，你真的不应该使用jQuery来做这种事情。

Answer 2

使用循环，不要调用函数，Jquery有一个很好的插件：

Download Link

<script type= "text/javascript" src="jquery.timers-1.1.2.js" ></script>
    $("#window").everyTime(10, function(){
      $("#window")
        .animate({ backgroundColor: "orange" }, 11000)
        .animate({ backgroundColor: "violet" }, 1000)
        .animate({ backgroundColor: "red" }, 1000, 'swing');
      };
    });

这将重复背景动画......

在无限循环中运行函数

2 个答案: