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

原创于 2018-12-10 18:06:46 发布 · 555 阅读

0 ·

CC 4.0 BY-SA版权

_格鲁特宝宝原创，转载请务必注明出处

文章标签：

#jquery 时钟 #时钟

Web FrontEnd 同时被 2 个专栏收录

226 篇文章

订阅专栏

jquery

20 篇文章

订阅专栏

本文介绍clockPlugin插件的使用方法，该插件基于jQuery开发，提供多种时钟显示格式，如全时钟年月日、时分秒等。通过简单的步骤，包括引入jQuery和插件代码，创建时钟容器，以及调用clockPlugin()方法，即可实现实时显示时钟的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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