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

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

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 пикселей, без каких либо вмешательств.

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

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

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

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

});

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

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

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

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

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