Javascript 无限循环中的Run函数
我正在用jQuery和彩色动画插件创建背景色动画 如何让函数在每次运行结束时都保持在循环中重复自身?我试过了,但没有成功: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
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');
};
});