jquery制作LED 时钟特效
以下是HTML文件源代码：
<!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模拟LED时钟</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" href="http://keleyi.com/keleyi/phtml/jqtexiao/24/jquery.KeleyiLCDClock.css" />
<style type="text/css">
div{margin-bottom:10px}
</style>
</head>
<body>
<div><h2>jQuery模拟LED时钟</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，接着设置时间与使用KeleyiLCDClock()方法。
$("#keleyitime").text(Date());
$("#keleyitime").KeleyiLCDClock();
以上就是使用jQuery制作LED时钟的全部代码了，希望小伙伴们能够喜欢。
-
本文向大家介绍jquery制作图片时钟特效，包括了jquery制作图片时钟特效的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jquery制作图片时钟特效的具体代码，供大家参考，具体内容如下 一、生成数字时钟 效果： 二、将数字转换为图片 方法一： 图片名称即数字，用最简单的写法。 用到图片： 写一个函数strToImg(str)将一个字符串str中每一个数字转换为对应图片，然后动态
-
本文向大家介绍jquery+html5制作超酷的圆盘时钟表，包括了jquery+html5制作超酷的圆盘时钟表的使用技巧和注意事项，需要的朋友参考一下 自己封装的一个用HTML5+jQuery写的时钟表 代码： 演示图： 以上所述就是本文的全部内容了，希望大家能够喜欢。
-
本文向大家介绍基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)，包括了基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)的使用技巧和注意事项，需要的朋友参考一下 废话不多说了，先给大家展示下效果图，感兴趣的朋友继续往下看 哦 查看演示 源码下载 HTML 和上一篇文章：使用jQuery和CSS3制作数字时钟(CSS3篇)一样的HTML结构，只是多了个>
-
本文向大家介绍jquery+html5时钟特效代码分享（可设置闹钟并且语音提醒），包括了jquery+html5时钟特效代码分享（可设置闹钟并且语音提醒）的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了Jquery+html5可设置闹钟并且会语音提醒的时钟特效。分享给大家供大家参考。具体如下： 这是一款基于Jquery+html5实现可设置闹钟并且会语音提醒的时钟特效代码，超逼真的模拟时钟
-
本文向大家介绍jquery制做精致的倒计时特效，包括了jquery制做精致的倒计时特效的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jquery做一个小的倒计时效果的代码，供大家参考，具体内容如下 html： jquery： 本文由FungLeo原创 本文地址：http://blog.csdn.net/fungleo/article/details/49446887 总结 不是特别
-
本文向大家介绍基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)，包括了基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)的使用技巧和注意事项，需要的朋友参考一下 先给大家展示效果图，感兴趣的朋友可以下载源码哦。 效果演示 源码下载 数字时钟可以应用在一些WEB倒计时效果、WEB闹钟效果以及基于HTML5的WEB APP中，本文将给大家介绍不借助任何图片，如