Как каждые 0.5 секунды задавать рандомные значения свойству top и left?

Question

[Влад ~]

Есть 4 картинки их нужно двигать на рандомные значения по X и Y я сделал вот так,

$(glitch1).css({
   left: Math.random()*500+'px',
   top: Math.random()*500+'px'
 });

но не могу понять как это делать каждые 0.5 сек
помогите плиз

Answer 1

[0xD34F]

setInterval($items => {
  $items.each(i => $items.eq(i).css({
    left: `${Math.random() * window.innerWidth}px`,
    top: `${Math.random() * window.innerHeight}px`,
  }));
}, 500, $элементыКоторымНадоЗадаватьСлучайныеКоординаты);

https://jsfiddle.net/s83btarx/

Comments

[ThunderCat]

Залипалово.... )))

Answer 2

[Сергей Соколов]

Чтобы не было предсказуемой ритмичности, можно и время рандомизировать:

const glitch = () => {
  $(glitch1).css({
    left: Math.random()*500+'px',
    top: Math.random()*500+'px'
  });
  setTimeout(glitch, 200 + Math.random() * 300);
}

glitch();

Answer 3

[Петр]

ну так делайте это через setInterval.

Comments

[Влад ~]

когда делаю вот так

setInterval({
  $(glitch1).css({
   left: Math.random()*500+'px',
   top: Math.random()*500+'px'
 });
 }, 1000)

сыпятся ошибки на Unexpected token '.'