纯JS制作一个网页时钟特效

Byte_Dance

于 2019-01-05 22:18:59 发布

阅读量5.2k

点赞数 3

分类专栏： JS

本文链接：https://blog.csdn.net/Byte_Dance/article/details/85881047

版权

主要逻辑根据JS 的Date属性求得当前的时分秒之后,按照 360/(时|分|秒) 来对三个指针元素进行旋转<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title

摘要由CSDN通过智能技术生成

主要逻辑根据JS 的Date属性求得当前的时分秒之后,按照 360/(时|分|秒) 来对三个指针元素进行旋转

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #box {
            width: 600px;
            height: 600px;
            /*border: 1px solid #000;*/
            background: url("img/bg.png") no-repeat;
            background-size: cover;
            margin: 30px auto;
            position: relative;
            overflow: hidden;

        }
        #h{
            width:100%;
            height:100%;
            background: url("img/h.png") no-repeat;
            background-size: cover;
            position: absolute;
        }
        #m{
            width:100%;
            height:100%;
            back

最低0.47元/天解锁文章

Byte_Dance

关注

3
点赞
踩
23

收藏

觉得还不错? 一键收藏
1
评论
纯JS制作一个网页时钟特效

主要逻辑根据JS 的Date属性求得当前的时分秒之后,按照 360/(时|分|秒) 来对三个指针元素进行旋转&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title
复制链接

扫一扫

专栏目录