用于滚动效果的Javascript数字时钟实例
有很多javascript的例子来实现数字时钟的效果,但是本文介绍了数字钟的滚动效果。小编辑觉得效果很炫,下面分享给大家。首先看一个非常耀眼的效果。
下面是代码的一个示例
代码段:
窗口。指针函数(){
土豆网(N){函数
返回n<100;
}
无功oimg = document.getelementsbytagname(IMG);
setInterval(时钟,1000);
时钟()
函数时钟(){
VaR的大馆=新的日期();
VaR哦= odate.gethours();
var = odate.getminutes();
VaR OM = odate.getseconds();
var str =土豆网土豆网(OH)+(的)+土豆网(OM);
对于(var i = 0;i < oimg.length;i++){
移动(oimg {我},{margintop :35×str.charat(i)});
}
}
}
布局部分:
:
:
{填充:0;边距:0;列表样式:无;}
UL {宽度:200px;保证金:100px汽车;}
李{浮动:左;身高:35px;溢出:隐藏;线高度:35px;}
总结
以上是数字钟的所有示例代码,用javascript实现滚动效果。代码很简单,但是效果很好,希望能帮到你的需要。