Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Автообновление содержимого страници (https://javascript.ru/forum/jquery/7930-avtoobnovlenie-soderzhimogo-stranici.html)

Solker 26.02.2010 23:23

Автообновление содержимого страници
 
На странице элемент с со стилем
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 27.02.2010 08:50

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

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

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

});

Solker 27.02.2010 09:20

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

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

sysya 27.02.2010 11:00

С помощью стилей незя прокрутить в цыкле. Можно перебрать все элементы так
$('.point').each();
с идентификатором может быть только один элемент на странице, поэтому нужно использовать селектор по классу .point в примере


Часовой пояс GMT +3, время: 09:03.