js css3模拟时钟,带文本标签月份和星期。获取本地时间。这是一款黑色质感的圆形时钟特效。
使用方法:
1、head引入css文件
<link rel="stylesheet" href="css/style.css">
2、body引入部分
<main>
<div id="clock">
<div class="dial"></div>
<ul id="time-display" class="display-text">
<li id="hour-display"></li>
<li id="minute-display"></li>
</ul>
<ul id="calendar-display" class="display-text">
<li id="day-display"></li>
<li id="month-display"></li>
<li id="date-display"></li>
</ul>
<div id="second-hand" class="hand">
<div class="ring"></div>
</div>
<div id="minute-hand" class="hand"></div>
<div id="hour-hand" class="hand"></div>
</div>
</main>
<script src="js/script.js"></script>