那开始说一下具体使用的方法，直接使用是没有区别的，index.html拖到挂件上
首先 修改颜色
打开index.js
找到
context.strokeStyle = "#2BA3ED";
这一行 修改即可

修改字体
提供两种方法，推荐第二个
1、把你的字体名改为SAOUI.ttf 放到css文件夹中即可
2、把字体放到css文件夹中，打开style.css，修改Line 10的字体文件名即可

修改旋转的圆环长度
打开index.js，可以看到有极多重复的代码，它们就是渲染部分

如图所示，最后一行的第4、5两个参数分别为绘制起点和终点，即间隔越大长度越长，数值范围在0-2π（6.2），0是3点钟方向

旋转速度修改
打开style.css
在里面找到
类似这样的语句，那个25s就是动画时间，即越小越快。

至于和之前那个不一样的地方，颜色可以自定义？制作难度上难了很多，但是DIY性更强吧，这个完全是用HTML5绘制而成，没用图片，体积大概会小一些吧，而且优化了很多不对的地方。比如那个愚蠢的PM，还有愚蠢的字体= =

自己看看，感觉乱写出来的真是不太好看，就仿照着那款做了一个

下载地址不变，只不过默认是这个了，魔改或者发布其他的就在这里了，当然李们也可以来发啊xd

加了一个显示秒钟的，就那个小点

2017-8-9 修改绘制方式
i7-7700 cpu占用降低8%

2017-8-10 增加新样式
增加了GGO大赛中的录像机样式
动画还没实现，依旧是之前的旋转
我估计实现阻尼动画还要等一段时间
（毕竟，守望活动了）
原图

效果

字体颜色大小在CSS中可以修改 占用问题我会修一下