EMLOG侧边栏增加圆圈时钟效果

EMLOG侧边栏增加时钟效果的方法有很多，比如博客志之前分享的EMLOG侧边栏增加复古翻牌时钟效果的方法，现在就来分享一个EMLOG侧边栏增加圆圈时钟效果的方法。

一、操作步骤

1、打开后台 - 侧边栏 - 自定义组件，插入下面的代码

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

2、打开FTP，将附件中的js件上传到根目录

3、打开网站首页，刷新查看效果

二、注意事项

1、如果你是完美主义者，觉得js文件上传到根目录看起来比较繁琐，可以自己修改上面的侧边栏代码

三、附件下载