[jQuery] setInterval

setInterval은 JavaScript의 반복 함수입니다.

일정한 시간 간격으로 코드를 반복 실행하는데요.

이와 비슷한 함수로는

setTimeout이 있습니다.

 정해진 시간 후에 코드가 한번 실행시키는 함수입니다.

 

setInterval함수의 예제를 살펴봅시다.

setInterval(() => {

    let x = Math.random() * 500;

    let y = Math.random() * 500;

    $("img").css("top", y + "px");

    $("img").css("left", x + "px");

       

  }, 1000);

 

함수는 실행할 내용과

반복할 시간이 들어가는데요.

위 코드를 해석해보면

x와 y에 랜덤한 값을 넣어서

이미지의 x,y값에 해당 값을 css로 넣는 코드입니다.

시간은 1000이라고 적혀있는데

밀러초 (1000밀리초 = 1초) 단위입니다.