setTimeout() or setInterval()
let count = 0;
function animate() {
setTimeout(() => {
if(count >= 20) return;
console.log('현재시각은', new Date());
count++;
animate();
},500);
}
animate();
requestAnimationFrame
var count = 0;
var el=document.querySelector(".outside");
el.style.left = "0px";
function run() {
if(count > 70) return;
count = count + 1;
el.style.left = parseInt(el.style.left) + count + "px";
requestAnimationFrame(run);
}
requestAnimationFrame(run);
HTML & CSS를 이용한 구현방법
'JavaScript' 카테고리의 다른 글
onkeydown, onkeyup, onkeypress (0) | 2024.03.25 |
---|---|
CK Editor (1) | 2024.03.13 |
DOM Node 조작하기 (1) | 2024.02.28 |
JavaScript 문법 메모3 (0) | 2024.02.28 |
Ajax 통신 (0) | 2024.02.22 |