目录

简单好看的前端插件人体时钟honehoneclock

目录

简单好看的前端插件——人体时钟(honehoneclock)

hone hone clock 是一个十分简单好用的前端时钟,使用方法也是很简单,只需要把代码加入到合适的位置即可,目前有两种样式供大家选择使用,一种是透明背景颜色,一种是白色背景颜色。

废话不多说直接上干货:

先来看看这两种样式:

https://img-blog.csdn.net/20180308151820758?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZHl3Zm9yY29kaW5n/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70

大家也可以访问 看一下动态的样式

透明背景颜色代码如下:

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script> 

白色背景颜色代码如下:

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js"></script> 

实例代码如下:

<body>  
    <div>  
        <h1>人体时钟</h1>  
        <div>  
            <script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js"></script>  
        </div>  
    </div>  
</body>

使用起来方便又好看!