jquery制作LED 時(shí)鐘特效
更新時(shí)間：2015年02月01日 15:46:09 投稿：hebedich
這篇文章主要介紹了jquery制作LED 時(shí)鐘特效,效果非常不錯(cuò)，需要的朋友可以參考下
以下是HTML文件源代碼：
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head>
<title>jQuery模擬LED時(shí)鐘</title>
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.0.min.js"></script>
<link rel="Stylesheet" type="text/css" />
<style type="text/css">
div{margin-bottom:10px}
</style>
</head>
<body>
<div><h2>jQuery模擬LED時(shí)鐘</h2></div>
<div id="keleyitime1">2014/4/24 12:38:20</div>
<div id="keleyitime2">2000/1/1 23:59:46</div>
<div id="keleyitime3">1680/12/31 23:59:47</div>
<div id="keleyitime4">2011/3/26 20:18:12</div>
<script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/24/jquery.KeleyiLCDClock.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#ke"+"leyitime4").text(Date());
$("#kele"+"yitime1").KeleyiLCDClock();
$("#keley"+"itime2").KeleyiLCDClock();
$("#kel"+"eyitime3").KeleyiLCDClock();
$("#k"+"eleyitime4").KeleyiLCDClock();
});
</script>
</body>
</html>
使用：
引用jquery.KeleyiLCDClock.css文件和jquery.KeleyiLCDClock.js文件。
然后定義div的id，比如keleyitime，接著設(shè)置時(shí)間與使用KeleyiLCDClock()方法。
$("#keleyitime").text(Date());
$("#keleyitime").KeleyiLCDClock();
以上就是使用jQuery制作LED時(shí)鐘的全部代碼了，希望小伙伴們能夠喜歡。
您可能感興趣的文章:
- jquery+html5時(shí)鐘特效代碼分享（可設(shè)置鬧鐘并且語(yǔ)音提醒）
- jquery+html5制作超酷的圓盤(pán)時(shí)鐘表
- jQuery+css實(shí)現(xiàn)的時(shí)鐘效果(兼容各瀏覽器)
- jquery制作圖片時(shí)鐘特效
- jquery模擬LCD 時(shí)鐘的html文件源代碼
- 基于jQuery和CSS3制作數(shù)字時(shí)鐘附源碼下載(jquery篇)
- jQuery超酷平面式時(shí)鐘效果代碼分享
- jQuery CSS3相結(jié)合實(shí)現(xiàn)時(shí)鐘插件
- 基于Jquery和CSS3制作數(shù)字時(shí)鐘附源碼下載(CSS3篇)
- jQuery實(shí)現(xiàn)的電子時(shí)鐘效果完整示例
相關(guān)文章
jQuery Validate 相關(guān)參數(shù)及常用的自定義驗(yàn)證規(guī)則
這篇文章主要介紹了jQuery Validate 相關(guān)參數(shù)及常用的自定義驗(yàn)證規(guī)則,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
jQuery 使用手冊(cè)，大家可以耐心的看完，就基本上入門(mén)了。2009-09-09
(function($){...})(jQuery)實(shí)際上是匿名函數(shù)，不懂得朋友可以繼續(xù)往下看。2010-07-07
jQuery當(dāng)鼠標(biāo)懸停時(shí)放大圖片的效果實(shí)例
這是一個(gè)基于jQuery的效果，當(dāng)鼠標(biāo)在小圖片上懸停時(shí)，會(huì)彈出一個(gè)大圖，該大圖會(huì)跟隨鼠標(biāo)的移動(dòng)而移動(dòng)2013-07-07
slideToggle+slideup實(shí)現(xiàn)手機(jī)端折疊菜單效果
這篇文章主要為大家詳細(xì)介紹了slideToggle+slideup實(shí)現(xiàn)手機(jī)端折疊菜單效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
jquery+css+html實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲
這篇文章主要為大家詳細(xì)介紹了jquery+css+html實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
Jquery修改image的src屬性,圖片不加載問(wèn)題的解決方法
下面小編就為大家?guī)?lái)一篇Jquery修改image的src屬性,圖片不加載問(wèn)題的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery動(dòng)態(tài)生成Bootstrap表格
這篇文章主要介紹了jQuery動(dòng)態(tài)生成bootstrap表格的相關(guān)資料,非常不錯(cuò)具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
jQuery實(shí)現(xiàn)提交表單時(shí)不提交隱藏div中input的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)提交表單時(shí)不提交隱藏div中input的方法,結(jié)合實(shí)例形式分析了通過(guò)設(shè)置input的disabled屬性實(shí)現(xiàn)隱藏input提交的操作技巧,需要的朋友可以參考下2019-10-10
簡(jiǎn)單實(shí)現(xiàn)的JQuery文本框水印插件
這篇文章主要為大家詳細(xì)介紹了簡(jiǎn)單實(shí)現(xiàn)JQuery文本框水印插件的相關(guān)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06