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>
相关推荐
蓝瑟几秒前
前端测试不再难:Vite+React+Vitest单元测试完整手册
前端·react.js·单元测试
爱分享的鱼鱼3 分钟前
Vue中如何实现可切换显示/隐藏侧边栏的按钮
前端
Mike_jia6 分钟前
DBdoctor:数据库性能的“AI名医”,诊断效率提升10倍的终极利器
前端
怪可爱的地球人6 分钟前
向宇宙发送一枚小可爱
前端
数字元匠_山步10 分钟前
一篇笔记彻底搞懂 “脚手架” “框架” “构建工具” 的关系
前端
李剑一17 分钟前
前端实现时间轴组件拼接N多个不连续监控视频展示
前端·vue.js
岁月向前20 分钟前
iOS UI基础和内存管理相关
前端
Magicman25 分钟前
JS筑基(二)-关于this指向
前端
Asort26 分钟前
精通React JSX:高级开发者必备的语法规则与逻辑处理技巧
前端·javascript·react.js
float_六七26 分钟前
HTML常用单标签速查手册
html