jquery 模仿时钟显示效果 clockPlugin插件

clockPlugin兼容性
    clockPlugin插件是在jQuery的基础上开发的,所以clockPlugin使用需事先引入jQuery。

clockPlugin下载
    链接:https://pan.baidu.com/s/1FZW-ouK2USCqXNk-jgsD5w
    提取码:us3h

clockPlugin使用
1.引用jQuery及插件代码

<script src="js/jquery.min.js"></script>
<script src="js/m​​yPluginClock.js"></script>

2.创建时钟显示容器

<div id="clockContainer"></div>

3.调用clockPlugin() 并赋值在容器中

function myTime (argument) {
    var myTime = $(this).clockPlugin().dateFull;
    $('#clockContainer').html(myTime)
}
window.setInterval(myTime, 1000)
// dateFull        //全时钟年月日
// dateFullText    //全时钟年月日时分秒
// dateHorLineFull //全时钟横线-
// dateNoWeek      //没有星期几
// dateNoHour      //没有时分秒
// dateNoYear      //没有年月日

 

posted @ 2018-12-10 18:07  格鲁特baby  阅读(85)  评论(0编辑  收藏  举报