源码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Tutorial: How to Make a Digital Clock with jQuery & CSS3</title>
<!-- The main CSS file -->
<link href="assets/css/style.css" rel="stylesheet" />
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div id="clock" class="light">
<div class="display">
<div class="weekdays"></div>
<div class="ampm"></div>
<div class="alarm"></div>
<div class="digits"></div>
</div>
</div>
<div class="button-holder">
<a class="button">Switch Theme</a>
</div>
<footer>
<div style="text-align:center; font-weight:bold;"><a style="color:#2dbdf1;"href="http://www.100sucai.com">100sucai.com</a></div>
<div id="tzine-actions"></div>
<span class="close"></span>
</footer>
<!-- JavaScript Includes -->
<script src="jquery.js"></script>
<script src="moment.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>
效果图：
演示地址：www.100sucai.com/code/27.html
原文：http://www.cnblogs.com/good10000/p/4521600.html