Мне нужно, что бы элемент летал по эллипсу. Написал следующее:
function move( object, coordinateX, coordinateY ){
$( object ).animate( {
top: coordinateY + "px",
left: coordinateX + "px",
},
10
);
}
function circle(object,Acoordinate, Bcoordinate,count){
for (var i = 0; i < count; i++) {
var t = ((3/2)*Math.PI+i/30);
var x = Acoordinate*Math.cos(t);
var y = Bcoordinate*Math.sin(t);
move( object, x, y );
}
}
$( document ).ready(
function(){
circle($( "#container" ),400, 200, 1000);
}
);
<head>
<style type="text/css">
#container{
margin: 150 auto;
background-color: #eef;
border: 2px solid #ddf;
height: 200px;
width: 200px;
position: relative;
border-radius: 100px;
}
</style>
</head>
<body>
<div id="container"></div>
</body>
Собственно вопрос, а как сделать, что бы постоянно крутился? Пробовал бесконечный цикл - браузер не обрабатывает. Пробовал рекурсию написать, но то ли нельзя тут, то ли я не понял как. Прошу помощи. Заранее благодарен.