基于canvas实现的时钟效果

 

效果描述

一个非常不错的好用的时钟动画效果 基于canvas实现的效果

可以实时模拟当前时间

上代码

 

<div class="box" style="text-align: center;margin:100px auto;">
<canvas id="clock" width="300" height="300"></canvas>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/clock-canvas.min.js"></script>
<script>
$(function() {
$("#clock").drawClock(
//{
// hCol: 'xxx',// 时针颜色
// mCol: 'xxx', // 时针颜色
// sCol: 'xxx', // 时针颜色
// isNumCol: 'xxx', // 数字所在的点颜色
// noNumCol: 'xxx', // 非数字所在的点颜色
// dCol: 'xxx', // 中心圈颜色
//}
);
})
</script>

 

 

时钟Demo蓝奏网盘 – 33.8k

发表评论 / Comment

用心评论~