UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

逼真的HTML5 canvas模拟时钟特效

所属分类：输入,其他-日期和时间,动画效果

 70864  473  查看评论 (29)
分享到微信朋友圈
X
逼真的HTML5 canvas模拟时钟特效 ie兼容10
 查看演示  立即下载

使用该模拟时钟插件首先需要引入jQuery和jquery.thooClock.js文件。

<script type="text/javascript" src="js/jquery-latest.min.js"></script> 
<script type="text/javascript" src="js/jquery.thooClock.js"></script>


可以使用一个空的<div>来作为时钟的容器。

<div id="myclock"></div>

            

在页面DOM元素加载完毕之后，可以通过thooClock()方法来初始化该时钟插件。

<script type="text/javascript">
  $('#myDIV').thooClock();
</script>


设置闹钟时间


可以使用一个字符串来设置闹钟时间：

// must be "hh", "hh:mm" or "hh:mm:ss"              
var strTime = '14:25'
$.fn.thooClock.setAlarm(strTime);                
也可以使用一个Date对象来设置闹钟时间：
var alarm_date=new Date();
alarm_date.setHours(8,19,30);
$.fn.thooClock.setAlarm(alarm_date);                
 清除闹钟
$.fn.thooClock.clearAlarm();


相关插件-日期和时间,动画效果
查看更多

仿百度日历老黄历功能，带节日

 功能简单强大，代码带注释，数据接入一目了然
  日期和时间
 62840  569

简易日期时间插件jQuery Timepicker v1.6.3版

一款汉化后的时间日期插件，可以根据需求自我调整样式
  日期和时间
 38793  340

集钟表、秒表、闹钟于一体的电子钟表（原创）

 通过纯CSS3+JQ实现的集合钟表。集合有电子表、秒表计时器、自定义闹钟、阳历、农历日历功能
  日期和时间
 29142  316

jQuery弹出双日期选择插件doubleDate.js

 jQuery弹出双日期选择插件doubleDate.js
  日期和时间
 41760  344

讨论这个项目（29）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    _琦子_ 0
    2020/8/6 16:32:26
    看着好像还不错 回复
    曹红军 0
    2019/7/4 16:32:44
    passerma 0
    2019/3/5 19:19:54

    调用方法是

    <script type="text/javascript">
  $('#myclock').thooClock();
</script>

    吧

    回复
    半根烟，一缕思绪袅袅 0
    2019/2/15 18:49:06
    可不可以换背景？
    回复
    Mirror198829 0
    2019/1/15 15:13:41
    很不错的样式
        Mirror1988290
        2019/1/16 17:05:18
        按楼主样式 自己用vue 和canvas重新写了一个
    回复
    hunterhacker 0
    2017/10/27 10:14:03

    tahank you ,looks nice

        hunterhacker0
        2017/10/27 10:15:14

        其实我只是想知道如何获得币而已

    回复
    转角遇见猪 0
    2017/3/2 9:46:20

    真好，我也想下载一个

        hunterhacker0
        2017/10/27 10:16:00

        我也想，但是要充值

    回复
    527658433 0
    2016/12/24 11:12:14

    你们真闲,还盯着看

        夜归人0
        2017/1/8 7:01:40

        是的

    回复
    1390212868 0
    2016/7/3 11:07:15
    Mr.Liu 0
    2016/6/30 20:06:02
    好多好用的插件,超赞
        转角遇见猪0
        2017/3/2 9:49:18
        是啊，超赞
        我叫李袋袋0
        2018/9/8 11:46:54
        哈哈哈哈
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复