优纳美食网
您的当前位置:首页jquery制作LED时钟特效_jquery

jquery制作LED时钟特效_jquery

来源:优纳美食网


以下是HTML文件源代码:

代码如下:



jQuery模拟LED时钟





jQuery模拟LED时钟


2014/4/24 12:38:20
2000/1/1 23:59:46
1680/12/31 23:59:47
2011/3/26 20:18:12


$(document).ready(function(){
$("#ke"+"leyitime4").text(Date());
$("#kele"+"yitime1").KeleyiLCDClock();
$("#keley"+"itime2").KeleyiLCDClock();
$("#kel"+"eyitime3").KeleyiLCDClock();
$("#k"+"eleyitime4").KeleyiLCDClock();
});



使用:

引用jquery.KeleyiLCDClock.css文件和jquery.KeleyiLCDClock.js文件。
然后定义div的id,比如keleyitime,接着设置时间与使用KeleyiLCDClock()方法。
$("#keleyitime").text(Date());
$("#keleyitime").KeleyiLCDClock();

显示全文