Автообновление содержимого страници

[Solker]

На странице элемент с со стилем

postion:absolute; 
left: 10px;

Через jquery получаю его стиль

var $point = $('#point');
var $left = parseFloat($point.css('left'));

и назначаю заново, прибавив десяток.

$point.css('left', $left + 10 + 'px')

Все отлично работает. Но я хочу что бы элемент сам двигался на странице в цикле каждый раз прибавляя десяток.

for(i=0;i<10;i++)
{	
	$point.css('left', $left + 10 + 'px')
	i++;
	//Сюда надо добавить "ака Sleep(1)", что бы он не сразу перемещался, а постепенно.
}

Этот пример работает, но только тогда, когда совершается какое то действие, например нажатие клавиши и элемент сдвигается еще на одну позицию.

Мне же надо, что бы по загрузки страниц, элемент начинал плавно ползти вправо на 100 пикселей, без каких либо вмешательств.

[sysya]

Для анимации движения есть метод

$point.animate({left:'100px'}, 1000);//будет плавно ползти
//а если просто сдвинуть, например по клику на элемент, то:
$('#point').click(function(){

  var $point = $('#point'), $left = parseFloat($point.css('left'));

  $point.css('left', $left + 10 + 'px');

});

[Solker]

Необходимо именно на стилях. Или есть функция, которая отрисовывает таблицу, функции передаются какие клеточки закрасить. В цыкле прогоняем 10 раз, закрашиваются 10 клеточек с промежуток в 100мс. Опять же, если я делаю в цикле, то он просто зависает на пару секунд и появляется уже в другому месте.
Метод мне не подходит.

И обновление именно в цикле, а по одному действию оно и так сдвигается и сдвигалось.

[sysya]

С помощью стилей незя прокрутить в цыкле. Можно перебрать все элементы так

$('.point').each();

с идентификатором может быть только один элемент на странице, поэтому нужно использовать селектор по классу .point в примере