admin 发表于 2022-10-4 18:09:48

js实现时间秒表特效

js实现时间秒表特效

效果如图所示:



html代码如下:
<head>
        <meta charset="UTF-8">
        <title>秒表特效</title>
        <style>
                .clock{
                        width:500px;
                        height:300px;
                        background: #272822;
                        color:#fff;
                        border-radius:20px;
                        box-shadow:0 0 5px 5px #ccc;
                        position: absolute;
                        top:50%;
                        left:50%;
                        margin-left:-250px;
                        margin-top:-150px;
                }

                .time{
                        line-height: 300px;
                        text-align:center;
                        font-size:100px;
                        font-weight:bold;
                }
        </style>
        <script src='jquery.min.js'></script>
</head>
<body>
        <div class="clock">
                <div class="time">
                       
                </div>       
        </div>       
</body>
附件下载:


页: [1]
查看完整版本: js实现时间秒表特效