這是一款數字時鐘動畫,數字又多個小愛心組成,又何問起整理,隨著時間推進,每一秒鐘新數字替換舊數字,舊數字離去使用天女散花動畫,花是五顏六色的.
查看效果:
http://hovertree.com/texiao/html5/48/
推薦其他時鐘:
http://hovertree.com/h/bjaf/o0yqj1ly.htm
http://hovertree.com/h/bjaf/hoverclock.htm
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Canvas愛心時鐘代碼 - 何問起</title>
</head>
<body>
<canvas id="canvas"></canvas>
<script type="text/javascript" src="http://hovertree.com/texiao/html5/48/js/digit.js"></script>
<script type="text/javascript" src="http://hovertree.com/texiao/html5/48/js/app.js"></script>
<div style="text-align:center;margin-top:50px; font:normal 14px/24px 'MicroSoft YaHei';">
<h2>HTML5 Canvas愛心時鐘</h2>
<p>來源：<a href="http://hovertree.com/h/bjag/oppeym4s.htm" target="_blank">何問起</a></p>
</div>
</body>
</html>