其他代码
jQuery实用LED样式计时器插件
PetitQ
ClassyLED 是一款非常实用的 LED 样式计时器|倒计数器 jQuery 插件。你可以实用该插件来制作各种倒计数效果，倒计时效果，电子时钟效果，或制作 LED 样式的随机数字。使用该插件来制作 LED 效果非常容易，并且效果非常不错。
使用方法:
该 LED 效果的动画依赖于 raphael.js-一个矢量图形动画库插件。使用时要将其引入。
也想出现在这里？联系我们吧
<script src="js/jquery.min.js"></script>
<script src="http://github.com/DmitryBaranovskiy/raphael/raw/master/raphael.js"></script>
<script src="js/jquery.classyled.min.js"></script>
HTML 结构:
可以使用一个空的[div]来制作该 LED 数字效果。
<div class="led"></div>
初始化插件:
在页面 DOM 元素加载完毕之后，可以通过 ClassyLED()方法来初始化该插件。
$('.led').ClassyLED({
type: 'countdown',
format: 'ddd:hh:mm:ss',
color: '#eee',
backgroundColor '#000',
size: 16
});
配置参数:
type：LED 显示的类型，可以是：countdown，random，number 和 time。默认为 time
format：LED 的时间格式，例如：hh:mm:ss。默认为 hh:mm
value：如果 LED 的类型是 number，可以通过该参数来指定值
color：LED 数字的十六进制颜色，默认是#fff
bgcolor：背景的的十六进制颜色，默认是#000
size：LED 数字的尺寸，单位像素，默认值 12
rounded：LED 数字的圆角，默认值为 1
spacing：两个数字之间的距离，默认为 1
fontType：LED 数字的字体类型，取值 1-3，默认为 1
hourFormat：小时的格式，可以是 12 或 24。默认为 24
countTo：如果是倒计时器，该参数设置要倒计时到的时间。格式为 yyyy:mm:dd，例如：2015:12:25，默认为当前年的最后一天
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
