罗盘时钟
思路:首先是获取电脑时间,然后做旋转与时间罗盘样式。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>八卦时钟</title>
<script src="jquery.js"></script>
<style>
*{margin:0;padding:0}
#canvas{background-color:#fff;display: block;}
</style>
</head>
<body>
<canvas id="canvas" ></canvas>
</body>
<script>
var number=["一","二","三","四","五","六","七","八","九","十","十一","十二","十三","十四","十五","十六","十七","十八","十九","二十","二十一","二十二","二十三","二十四","二十五","二十六","二十七","二十八","二十九","三十","三十一",
"三十二","三十三","三十四","三十五","三十六","三十七","三十八","三十九","四十","四十一","四十二","四十三","四十四","四十五","四十六","四十七","四十八","四十九","五十","五十一","五十二","五十三","五十四","五十五","五十六",&#