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

版权声明:JiahaoZhang原创文章,转载请注明出处 https://blog.csdn.net/GrootBaby/article/details/84944025

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

clockPlugin下载
    链接:https://pan.baidu.com/s/1haxRk-uEpdhw03ES2SpoPA 
    提取码:43gr

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      //没有年月日

猜你喜欢

转载自blog.csdn.net/GrootBaby/article/details/84944025
今日推荐