 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>jQuery模擬LCD時(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模擬LCD時(shí)鐘</h2><a  target="_blank">原文</a> 
</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();

您可能感興趣的文章:

相關(guān)文章

jQuery中(function($){})(jQuery)詳解
本文通過(guò)具體示例向大家詳細(xì)介紹了jQuery中的(function($){})(jQuery)的用法和意義，對(duì)此有相同困惑的小伙伴可以參考下本文。
2015-07-07
jQuery中[attribute]選擇器用法實(shí)例
這篇文章主要介紹了jQuery中[attribute]選擇器用法,以實(shí)例形式分析了[attribute]選擇器的功能、定義及匹配給定元素屬性的技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
關(guān)于 jQuery Easyui異步加載tree的問(wèn)題解析
想要實(shí)現(xiàn)從本地中加載json文件，通過(guò)事件來(lái)動(dòng)態(tài)的插入到ul中時(shí)，遇到了一小bug,下面小編給大家解答下
2016-12-12
jquery實(shí)現(xiàn)上下左右滑動(dòng)的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)上下左右滑動(dòng)的方法,是jQuery特效中非常典型的應(yīng)用,需要的朋友可以參考下
2015-02-02
jQuery 選擇方法及$(this)用法實(shí)例分析
這篇文章主要介紹了jQuery 選擇方法及$(this)用法,結(jié)合實(shí)例形式分析了jQuery 選擇方法及$(this)相關(guān)使用技巧與注意事項(xiàng),需要的朋友可以參考下
2020-05-05
Jquery跨域獲得Json的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇Jquery跨域獲得Json的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
jQuery大于號(hào)(>)選擇器的作用解釋
這篇文章主要介紹了jQuery大于號(hào)(>)選擇器的作用解釋,本文用代碼實(shí)例講解jQuery大于號(hào)的作用,需要的朋友可以參考下
2015-01-01
ajax在兼容模式下失效的快速解決方法
下面小編就為大家?guī)?lái)一篇ajax在兼容模式下失效的快速解決方法。小編覺(jué)得挺不錯(cuò)的?，F(xiàn)在分享給大家，給大家一個(gè)參考
2016-03-03
JQuery困惑—包裝集 DOM節(jié)點(diǎn)
我使用了JQuery進(jìn)行了一段時(shí)間的前端開(kāi)發(fā)，它讓我從選擇需要操作的元素痛苦中解放出來(lái)，因?yàn)樘峁┑倪x擇功能是如此的強(qiáng)大。同時(shí)在開(kāi)發(fā)過(guò)程中我被一個(gè)問(wèn)題困惑了很久，也許在別人看來(lái)這根本不是問(wèn)題！
2009-10-10
JQuery擴(kuò)展插件Validate—6 radio、checkbox、select的驗(yàn)證
radio、checkbox、select的驗(yàn)證其實(shí)方法與前面提到?jīng)]有太大的區(qū)別，但問(wèn)題是錯(cuò)誤信息會(huì)顯示在同一組的第一個(gè)元素后面
2011-09-09