javascript 秒表

紫微前端

于 2022-09-28 08:58:48 发布

阅读量405

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端知识加深文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/127082442

前端知识加深专栏收录该内容

510 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了如何利用JavaScript在网页中创建一个简单的秒表功能。通过结合HTML和JavaScript，实现计时、暂停和重置秒表的交互。内容涵盖了时间更新、事件监听以及DOM操作等基础知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<meta charset="utf-8">

<meta name="viewport" content="user-scalable=0, width=device-width, initial-scale=1.0, maximum-scale=1.0">

<div id="div" style="font-size:30px;height: 50px;">00:00:00</div>

<button onclick="begin()">开始</button>
<button onclick="record()">记录</button>
<button onclick="over()">结束</button>
<div id="record"></div>
<script>
    var timer = "";
    var result = "";

    function begin() {
        var div = document.getElementById("div");
        var date = new Date().getTime();
        timer = setInterval(function() {

了解本专栏