Menu
Coddy logo textTech

右に動かす

Coddyの「流れる雲 - HTML/CSS/JSプロジェクト」コースのレッスン 11/18。

JavaScriptにおいて、setInterval()メソッドは、各呼び出しの間に固定の時間遅延を置いて、関数を繰り返し呼び出すか、コードスニペットを実行します。

例えば:

let i = 0;
setInterval(() => {
	i += 1
}, 1000)

上記の例では、1000ミリ秒(1秒)ごとにiを1ずつ増やします。

続きを読む

challenge icon

チャレンジ

簡単

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>

流れる雲 - HTML/CSS/JSプロジェクトのすべてのレッスン