开发者社区> 楚广明> 正文

14 个使用 jQuery 开发的模拟、数字时钟

简介: 1. CoolClock in jQuery CoolClock 是一个可定制的 jQuery 模拟时钟,使用 SVG 绘制,提供多种外观选择,同时支持数字时钟。 Read More Demo 2.Analog JQuery clock 在该教程中,通过使用 jQuery 和一个名为 jQueryRotata 插件绘制一个模拟时钟。
+关注继续查看

1. CoolClock in jQuery

CoolClock 是一个可定制的 jQuery 模拟时钟,使用 SVG 绘制,提供多种外观选择,同时支持数字时钟。

jQuery Cool Clock

Read More Demo

2.Analog JQuery clock

在该教程中,通过使用 jQuery 和一个名为 jQueryRotata 插件绘制一个模拟时钟。

jquery analog clock

Read More Demo

3. jDigiClock

jDigiClock 是一个jQuery插件,主要灵感来自于 HTC 手机的时钟小程序

jquery jDigiClock

Read More Demo

4. Old School Clock with CSS3 and jQuery

旋转是 CSS3 新增的特性,看看下面的时钟吧,就是用 CSS3 和 jQuery 搞的

Old School Clock with CSS3 and jQuery

Read More Demo

5. jQuery Dynamic Clock Plugin

该插件可以将一个给定的 div 元素转成动态时钟,每秒钟更新,可自由设置时间而不是自动根据浏览器的时间来。

jQuery Dynamic Clock Plugin

Read More Demo

6. jQuery Woozy Clock

jQuery woozy clock 是一个数字时间动画展示插件

jQuery Woozy Clock

Read More Demo

7. CSS3 Digital Clock with jQuery

本教程通过制作一个简单的数字时钟,包括日期和时间,在 jQuery 和 CSS3 的帮助下完成,有一点点动画效果。

CSS3 Digital Clock with jQuery

Read More Demo

8. Colour Clock – jQuery/CSS3 rebuild

Colour Clock 是一个很聪明的注意,使用十六进制值来做时钟显示

Colour Clock  jQuery/CSS3 rebuild

Read More Demo

9. CountDown jQuery plugin

倒计时的 jQuery 插件

CountDown jQuery plugin

Read More Demo

10. jQuery Countdown

另外一个倒计时插件,很炫的 LED 风格

jQuery Countdown Clock

Read More Demo

11. Colorful Clock With CSS & jQuery

颜色鲜艳的 jQuery 时钟

Colorful Clock With CSS & jQuery

Read More Demo

12. jQuery Sliding clock

这个时钟有点超现代,使用标尺来表示时间,看不懂

jQuery Sliding clock

Read More Demo

13. HTML clocks using JavaScript and CSS rotation

使用 <canvas> 开发的时钟

HTML clocks using JavaScript and CSS rotation

Read More Demo

14. Creating a css3 and jQuery clock

一个简单的 jQuery 和 CSS3 实现的模拟时钟,使用图片作为时针、分针和秒针。

Creating a css3 and jQuery clock

Read More Demo

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
像 jQuery 一样通过函数开发和调用小程序组件
像 jQuery 一样通过函数开发和调用小程序组件
12 0
jquery实现动态表格项目(表格增加删除/全选/表格变色特效等功能)(附源码+javaWEB开发如果需要可以直接使用)
jquery实现动态表格项目(表格增加删除/全选/表格变色特效) 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝
41 0
开发jQuery插件这些就够了
开发jQuery插件这些就够了
68 0
python web开发 jQuery基础
python web开发 jQuery基础
152 0
基于jQuery的前端开发框架,在企业级开发领域里已经凉了吗?
On 2017-03-28 I visited a local customer who have been using our CRM on-Premise since 2010. The reason for this visit is that they have finished some reorganization and there are some new business process to implement after it. As the current 10 CRM Fiori application could not 100% fit with their bu
89 0
jQuery plugin 开发的一个例子
jQuery plugin 开发的一个例子
36 0
Vue + jQuery 开发
1). webpack配置 项目根目录下的build目录下找到webpack.base.conf.js文件,在开头使用以下代码引入webpack,因为该文件默认没有引用 var webpack = require('webpack') 2).
746 0
jQuery|开发了这么多年终于懂了“链(Chaining)”
通过 jQuery,可以把动作/方法链接在一起。以前分开写,真是太傻了。 Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上)。
833 0
+关注
楚广明
10年导入咨询顾问经验,敏捷中国 第一届中国高峰会讲员,行业实施:中国移动、中华联合保险、中国民航信息 ANZ 澳新银行、戴姆勒奔驰汽车、广州证券、浦发银行、爱德万测试、蔚来汽车、清华大学、努比亚、顺丰速运、迅雷、时趣互动......等企业 Atlassian 敏捷项目
文章
问答
视频
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
23-Vue.js在前端...1506518547.pdf
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
相关实验场景
更多