原生js css3搭建的圆形时钟，时针、分针、秒针获取当地时间。这是一款矢量的时钟动画。

使用方法

1、head引入css文件

<link rel="stylesheet" href="css/style.css"/>

2、body引入部分

  <div class="clock">
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="memory"> </div>
   <div class="needle" id="hours"> </div>
   <div class="needle" id="minutes"> </div>
   <div class="needle" id="seconds"> </div>
 </div>
 
 <script  src="js/script.js"></script>

资源出处：https://www.moyublog.com/codes/9362.html