 
<!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時鐘</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時鐘</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è)置時間與使用KeleyiLCDClock()方法。
$("#keleyitime").text(Date());
$("#keleyitime").KeleyiLCDClock();

您可能感興趣的文章:

LCD
時鐘

相關(guān)文章

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