资源简介

利用canvas纯css画图,结合javascript定时器生成插件

【插件截图】

【核心代码】

<html>
<head>
    <title>canvas clock</title>
        <script type="text/javascript" src="clock.js"></script>
        <style type="text/css">
        #canvas{text-align:center;
margin-top:150px;
           }
#clock{ border:0px solid #ccc;}
        </style>
        <meta charset="utf-8" name="viewport" content="width=decice-width, initial-scale=1"/>
    </head>
    <body>
    <div id="canvas">
        <H3 id="time">
            
            </H3>
        <canvas id="clock" height="200px" width="200px"></canvas>
        </div>
        
    </body>
</html>

资源截图

代码片段和文件信息

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----
     文件         580  2019-06-15 17:20  test.html
     文件        4602  2019-06-15 17:20  clock.js

评论

共有 条评论