抖音罗马时钟html

最新推荐文章于 2024-04-09 14:02:54 发布

置顶

CC、寻花

最新推荐文章于 2024-04-09 14:02:54 发布

阅读量2.5w

点赞数 10

分类专栏： html 文章标签：抖音罗马时钟html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>抖音的罗马时钟</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        html,
        body {
            width: 100%;
            height: 100%;
            background-color: #000;
            overflow: hidden;
        }
        
        #clock {
            position: relative;
            width: 100%;
            height: 100%;
            background: black;
        }
        
        .label {
            display: inline-block;
            color: #4d4d4d;
            text-align: center;
            padding: 0 5px;
            font-size: 19px;
            transition: left 1s, top 1s;
            transform-origin: 0% 0%;
        }
    </style>
</head>

<body>
    <div id="clock"></div>
    <script>
        var monthText = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"];
        var dayText = ["一号", "二号", "三号", "四号", "五号", "六号", "七号", "八号", "九号", "十号", "十一号", "十二号", "十三号", "十四号", "十五号", "十六号", "十七号", "十八号", "十九号", "二十号", "二十一号", "二十二号", "二十三号", "二十四号", "二十五号", "二十六号", "二十七号", "二十八号", "二十九号", "三十号", "三十一号"];
        var weekText = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
        var

最低0.47元/天解锁文章

CC、寻花

关注

10
点赞
踩
36

收藏

觉得还不错? 一键收藏
5
评论
抖音罗马时钟html

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
复制链接

扫一扫