向右移动

Coddy 移动云朵：HTML/CSS/JS 项目课程的第 11 课，共 18 课。

在 JavaScript 中，setInterval() 方法会重复调用函数或执行代码片段，并在每次调用之间设置固定的时间间隔。

例如：

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

上面的示例会每隔 1000 毫秒（1 秒）将 i 增加 1。

挑战

简单

在 JavaScript 文件中，添加一个间隔为 3000 毫秒（3 秒）的定时器，将云朵的 left 样式属性设置为 100%。

如何知道代码是否生效？

添加代码后，等待 3 秒，之后你的云朵应该会向左移动（定时器已执行）！

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
        <script src="script.js"></script>
    </body>
</html>

移动云朵：HTML/CSS/JS 项目中的所有课

1简介

4玩转 JS

2容器

5移动云朵

向右移动

3云计算

6许多云朵

自己练习： Web 在线编辑器