基于Javascript的数字时钟效果的实现

基于Javascript的数字时钟效果的实现
本例为大家分享js数字时钟显示的具体代码,供大家参考,具体内容如下
通过建立todbl功能来弥补0的小于10的时候,时钟会正常运行。
在for循环中,数组中的每项分配给相应的img元素,和str.charat(我)加我输入每个号码的STR为SRC。
通过封装函数滴答并调用它一次,页面在刷新页面时不会更改。
通过获得当前的小时,获得当前的分钟,和获得当前的秒获得当前时间值。将数字转换为字符串通过todbl功能+(空字符串),将这些字符串的结构

代码uff1a

数字时钟2

* {
背景颜色:RGB(7110177);
垂直对齐:中间;
}
# DIV1 {
文本对齐:中心;
宽度:1300px;
身高:220px;
保证金:0汽车;
}
跨{
字体大小:50px;
颜色:白色;
}
窗口的指针()函数。
{
VaR的aimg = document.getelementsbytagname('img);
函数滴答()
{
VaR的大馆=新的日期();
var str = todbl(odate.gethours())+ todbl(odate.getminutes())+ todbl(odate.getseconds());
对于(var i = 0;i < aimg.length;i++){
铝-镁{我}。src= 'images /+ str.charat(我)+JPG;
};
};
setInterval(蜱,500);
滴答();

};
功能todbl(N)
{
如果(n<10){
返回0+ N;
{人}
返回+;
}
};




以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

tag:数字时钟效果电脑软件Javascript

相关内容