js题目6

3283478051Sun

于 2025-02-02 16:21:27 发布

阅读量100

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/2401_86997425/article/details/145420307

版权

屏幕录制 2025-02-02 152213

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>北京时间电子时钟</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            margin: 0;
        }

        #clock {
            font-size: 60px;
            color: #333;
        }
    </style>
</head>

<body>
    <div id="clock"></div>
    <script>
        function updateClock() {
            const now = new Date();
            const localOffset = now.getTimezoneOffset() * 60 * 1000;
            const beijingOffset = 8 * 60 * 60 * 1000;
            const beijingTime = now.getTime() + localOffset + beijingOffset;
            const beijingDate = new Date(beijingTime);
            const h = String(beijingDate.getHours()).padStart(1, '0');
            const m = String(beijingDate.getMinutes()).padStart(1, '0');
            const s = String(beijingDate.getSeconds()).padStart(1, '0');
            const time= `${h}:${m}:${s}`;
            document.getElementById('clock').textContent = time;
        }
        setInterval(updateClock, 1000);
        updateClock();
    </script>
</body>