Javascript-форум - javascript + jquery

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - javascript + jquery (https://javascript.ru/forum/misc/35557-javascript-jquery.html)

javascript + jquery

Добрый день. Есть простой скрипт
var rad = 200;
var k=0.3;
var xoff = 300;
var yoff = 100;
var pi = Math.PI;
var inc = pi/300;
var t=0;
var t2=2*pi/3;
var t3=4*pi/3;
function updateTime()
{
var x1= (rad*Math.cos(t)) + xoff;
var y1= (rad*k*Math.sin(t)) + yoff;
var x2= (rad*Math.cos(t2)) + xoff;
var y2= (rad*k*Math.sin(t2)) + yoff;
var x3= (rad*Math.cos(t3)) + xoff;
var y3= (rad*k*Math.sin(t3)) + yoff;
t+= inc;
t2+= inc;
t3+= inc;
var divRunner1 = document.getElementById("runner1");
divRunner1.style.top = y1;
divRunner1.style.left = x1;
var divRunner2 = document.getElementById("runner2");
divRunner2.style.top = y2;
divRunner2.style.left = x2;
var divRunner3 = document.getElementById("runner3");
divRunner3.style.top = y3;
divRunner3.style.left = x3;
setTimeout('updateTime();', 25);
}
window.onload=updateTime
Который двигает ссылки по эллипсу. Но он не работает в связке с jquery. Подскажите куда копать (только не пинайте сильно только разбираюсь с этим)

Цитата:

Сообщение от gtrel

javascript + jquery

звучит как: Человек + Мужик

Цитата:

Сообщение от gtrel

только не пинайте сильно

Да за такое и отпинать не грех! :D

Цитата:

Сообщение от gtrel

Но он не работает в связке с jquery

Бивас, тест!

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
html,
body {
	width: 100%;
	height: 100%;
}
.bird {
	position: fixed;
}
</style>
<script type="text/javascript">
var rad = 200;
var k=0.3;
var xoff = 300; 
var yoff = 100; 
var pi = Math.PI; 
var inc = pi/300; 
var t=[0, 2*pi/3, 4*pi/3];
window.onload=updateTime;
//
function updateTime() {
	var i,x,y,o;
	for (i=0; i<t.length; i++) {
		x=Math.floor(rad*Math.cos(t[i])) + xoff;
		y=Math.floor(rad*k*Math.sin(t[i])) + yoff;
		t[i]+= inc; 
		o = document.getElementById("runner"+i);
		o.style.top = y+'px';
		o.style.left = x+'px';
	};
	setTimeout(updateTime, 25);
};
</script>
</head>
<body>
<a href='#' id='runner0' class='bird'>runner0</a>
<a href='#' id='runner1' class='bird'>runner1</a>
<a href='#' id='runner2' class='bird'>runner2</a>
</body>
</html>

Таки работает!

Спасибо :thanks: