오른쪽으로 이동하기
Coddy의 움직이는 구름 - HTML/CSS/JS 프로젝트 코스 레슨 — 18개 중 11번째.
JavaScript에서 setInterval() 메서드는 각 호출 사이에 고정된 시간 지연을 두고 함수를 반복적으로 호출하거나 코드 스니펫을 실행합니다.
예를 들어:
let i = 0;
setInterval(() => {
i += 1
}, 1000)위의 예제는 1000밀리초(1초)마다 i를 1씩 증가시킵니다.
챌린지
쉬움JavaScript 파일에서, 구름의 left 스타일 속성을 100%로 설정하는 3000 밀리초(3초)의 간격(interval)을 추가하세요.
어떻게 작동하는지 확인할 수 있나요?
코드를 추가한 후 3초 동안 기다리면, 구름이 왼쪽으로 이동해야 합니다 (간격이 실행됨)!
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>