制作数字时钟源码下载（jQuery）基于jQuery和CSS3

不用多说，先显示一下效果图，有兴趣的朋友继续往下看哦。

下载下载演示源代码

HTML

最后文章：使用jQuery和CSS3制作相同的HTML结构为数字时钟（CSS3），只有一个>日期是用来显示日期和星期。


jQuery

CSS代码请参考前一篇文章，这不再冗长，直接看一下jQuery代码。

首先定义了参数定义，用于调用类数字数组的名称、中文周名的定义、位置和定义。
$（函数（）{（））
VaR的时钟（时钟的#美元）；
/ /数字阵列0-9的定义
无功digit_to_name = {零'，一个'，，，四，五，七，有6、8，'nine}；
定义/周
星期日，星期一
var数字{ }；
当位置定义时
var位置= {
H1，'h2 '，'：'，'m1 '，'m2 '，'：'，'s1 '，'s2
}；
}）；
然后在构造数字钟时，在最后一篇文章中，我们直接将数字时钟的HTML结构放在HTML中。现在，我们使用jQuery来处理时钟显示，并通过附加（）方法构造数字时钟。

无功digit_holder = clock.find（'数字'）；
$（位置、函数（）{（）{
如果（= =）：{
digit_holder.append（' '）；
}
别的{
var = $（'）；
对于（var i = 1；i < 8；i + +）{
Pos.append（）；
}
数字{此} = POS；
digit_holder.append（POS）；
}
}）；
最后，我们要让时钟运行。（）函数调用update_time每秒，在update_time（），我们第一时间格式moment.js。对于moment.js，请参考这篇文章：使用moment.js管理日期和时间容易。然后根据当前的小时，分钟数设置类的属性，即当数字显示当前。然后继续使用moment.js格式化日期和星期，最后完成移动的数字时钟，请看下面的代码：
$（函数（）{（））
…
（功能update_time（）{
/ /电话moment.js格式化时间
VAR现在=矩（）。格式（hhmmss）；
digits.h1.attr（' '，digit_to_name {现在{ 0 } }）；
digits.h2.attr（' '，digit_to_name {现在{ 1 } }）；
digits.m1.attr（' '，digit_to_name {现在{ 2 } }）；
digits.m2.attr（' '，digit_to_name {现在{ 3 } }）；
digits.s1.attr（' '，digit_to_name {现在{ 4 } }）；
digits.s2.attr（' '，digit_to_name {现在{ 5 } }）；
var date =矩（）。格式（yyyy-mm-dd天）；
var星期=工作日{；
Html（日期+ +星期）；
每秒运行一次
setTimeout（update_time，1000）；
}）；
}）；