右に動かす
Coddyの「流れる雲 - HTML/CSS/JSプロジェクト」コースのレッスン 11/18。
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>