可用的秒表

Coddy 秒表：HTML/CSS/JS 项目课程的第 9 课，共 10 课。

现在，我们已经有了可正常使用的开始和停止按钮，接下来该开始计数了！

要计数，我们将使用一个名为 setInterval 的 JavaScript 函数：

const interval = setInterval(func, milliseconds)

这个函数接受两个参数：一个函数和一个表示毫秒数的数字。每隔指定的毫秒数，就会调用一次这个函数。

例如：

let count = 0

function updateCount() {
	count += 1;
}

const interval = setInterval(updateCount, 1000)

在上面的例子中，我们每秒将 count 变量加 1。

如果你想停止计时器，可以将 setInterval 的返回值传给 clearInterval：

const interval = setInterval(updateCount, 1000)
clearInterval(interval)

挑战

中等

在 JS 文件中添加以下功能：

点击开始/停止按钮后，设置一个定时器，每秒将秒表文本增加 1，确保格式正确。
再次点击开始/停止按钮后，清除正在运行的定时器。

在代码中添加 setInterval 后，你需要在网页视图中点击重置按钮：

亲手试试

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

秒表：HTML/CSS/JS 项目中的所有课

1简介

4JS 部分

可用的秒表

2HTML 部分

3CSS 部分

自己练习： Web 在线编辑器