JavaScript 做一个简单的数字时钟（增加了年月日）

倔强的青铜崽

已于 2024-04-28 17:14:20 修改

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：零零碎碎、点点滴滴文章标签： javascript js css html

于 2020-11-14 23:02:59 首次发布

本文链接：https://blog.youkuaiyun.com/Zertuler/article/details/109698085

在以前写的这篇文章的代码上增加年月日的显示

JavaScript 做一个简单的数字时钟（只有时分秒）_js 只有时分秒的插件-优快云博客

运行效果

只是把日期和时间显示出来，并没有特别去做美化，所以并不美观

下面是代码：

<style>
        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }

        body {
            background: #333;
        }
        .clock {
            width: 430px;
            height: 200px;
            background: #000000;
            margin: 20px auto;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap:wrap;
        }
        #clockTime{
            font-size: 100px;
            font-weight: bold;
            color: #f7c08a