首頁 >web前端 >js教程 >jquery製作LED 時鐘特效_jquery

jquery製作LED 時鐘特效_jquery

WBOY
WBOY原創
2016-05-16 16:16:361206瀏覽

以下是HTML檔案來源程式碼:

複製程式碼程式碼如下:

ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
http://www.w3.org/1999/xhtml">

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



$(文檔).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製作LED時鐘的全部程式碼了,希望小夥伴們能夠喜歡。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn