天天看点

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

倒计时的 jQuery 插件

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

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

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

颜色鲜艳的 jQuery 时钟

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

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

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

使用 <canvas> 开发的时钟

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

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

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

继续阅读