HTML 实时显示本地电脑时间(精确到毫秒)

html 复制代码
<!DOCTYPE html>
<html>
<head>
    <title>实时显示本地电脑时间(精确到毫秒)</title>
</head>
<body>
    <h1>本地电脑时间(精确到毫秒):</h1>
    <h1 id="clock"></h1>

    <script>
        function updateClock() {
            const now = new Date();
            const year = now.getFullYear();
            const month = String(now.getMonth() + 1).padStart(2, '0');
            const day = String(now.getDate()).padStart(2, '0');
            const hours = String(now.getHours()).padStart(2, '0');
            const minutes = String(now.getMinutes()).padStart(2, '0');
            const seconds = String(now.getSeconds()).padStart(2, '0');
            const milliseconds = String(now.getMilliseconds()).padStart(3, '0');
            
            const timeString = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}   ${milliseconds}`;
            document.getElementById('clock').textContent = timeString;
        }

        // 每毫秒更新一次时间
        setInterval(updateClock, 1);
    </script>
</body>
</html>
相关推荐
进击的野人3 分钟前
CSS 定位详解:从文档流到五种定位方式
前端·css
李瑞丰_liruifengv3 分钟前
使用 Claude Agent SDK 开发一个 Agent 原来这么简单
前端·javascript·agent
残冬醉离殇4 分钟前
《手撕类Vue2的响应式核心思想:我的学习心路历程》
前端·vue.js
有意义7 分钟前
为什么说数组是 JavaScript 开发者必须精通的数据结构?
前端·数据结构·算法
百***41667 分钟前
Go-Gin Web 框架完整教程
前端·golang·gin
lichong95110 分钟前
【macOS 版】Android studio jdk 1.8 gradle 一键打包成 release 包的脚本
android·java·前端·macos·android studio·大前端·大前端++
驯狼小羊羔11 分钟前
学习随笔-http和https有何区别
前端·javascript·学习·http·https
草明13 分钟前
Chrome HSTS(HTTP Strict Transport Security)
前端·chrome·http
进击的野人20 分钟前
JavaScript DOM操作与事件处理:从小兔鲜儿电商网站看现代前端开发实践
前端·javascript
神秘的猪头20 分钟前
JavaScript 数据结构入门:从数组开始掌握核心概念
前端·javascript