原生js css3搭建的圓形時(shí)鐘,時(shí)針、分針、秒針獲取當(dāng)?shù)貢r(shí)間。這是一款矢量的時(shí)鐘動畫。
使用方法:
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>