Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无限循环中的Run函数_Javascript_Jquery_Animation - Fatal编程技术网

Javascript 无限循环中的Run函数

Javascript 无限循环中的Run函数,javascript,jquery,animation,Javascript,Jquery,Animation,我正在用jQuery和彩色动画插件创建背景色动画 如何让函数在每次运行结束时都保持在循环中重复自身?我试过了,但没有成功: function colorLoop(){ $("#window") .animate({ backgroundColor: "orange" }, 11000) .animate({ backgroundColor: "violet" }, 1000) .animate({ backgroundColor: "red" }, 1000, colo

我正在用jQuery和彩色动画插件创建背景色动画

如何让函数在每次运行结束时都保持在循环中重复自身?我试过了,但没有成功:

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

您只创建了函数,但没有调用它。粘色环;在}之间;和};。另外,您真的不应该使用jQuery进行此类操作。

使用循环,不要调用函数,jQuery有一个很好的选择:


这将重复背景动画…

我尝试过这个,但它对我不起作用。想详细解释一下为什么我不应该使用jQuery吗?这取决于你的受众环境。你需要IE支持吗?如果是这样,请继续使用jQuery。如果你不这样做,如果你使用本机功能并允许在其他浏览器(如IE)上优雅地降级,对本机标准开发来说是更好的。更多关于这一点的信息,请在我的博客文章中:请告诉我你面临的错误;我很乐意提供帮助。改变背景颜色只是一点额外的好处,如果它不起作用,它根本不会影响可用性。我没有看到任何错误,它只是在颜色中运行一次,然后停止任何操作,这是纯Javascript,我提出的解决方案使用Jquery,因为您的示例在Jquery中:errr Jquery是Javascript,但是没有必要包含“另一个”插件,它只是简单地包装了一些非常简单的东西,这就是标准的cross browsergreat!谢谢redsquare成功了!我刚刚添加了:var intervalID=window.setIntervalcolorLoop,500;
<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');
      };
    });