当前位置: 编程技术>WEB前端
jquery模拟LCD 时钟的html文件源代码
来源: 互联网 发布时间:2014-08-25
本文导语: 以下是HTML文件源代码: 代码如下: jQuery模拟LCD时钟 div{margin-bottom:10px} jQuery模拟LCD时钟原文 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").Ke...
以下是HTML文件源代码:
jQuery模拟LCD时钟
div{margin-bottom:10px}
$(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();
代码如下:
jQuery模拟LCD时钟
div{margin-bottom:10px}
jQuery模拟LCD时钟原文
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();