LED样式jquery时间倒计时插件 A jQuery plugin can be used as a countdown, a clock or to display random numbers

示例演示

当前年度倒计时

Code:

$('.led1').catLED({
    type: 'countdown',
    format: 'ddd:hh:mm:ss',
    hour_format: 12,
    color: '#fa0',
    background_color: '#fafafa',
    rounded: 0,
    font_type: 2,
    size: 9
});

显示当前时间

Code:

$('.led2').catLED({
    type: 'time',
    format: 'hh:mm',
    color: '#ed1978',
    background_color: '#ccc',
    size: 8,
    rounded: 4,
    font_type: 1
});

圣诞节倒计时 (days-hours-minutes-seconds)

$('.led3').catLED({
    type: 'countdown',
    format: 'ddd:hh:mm:ss',
    count_to: '2017:12:25',
    color: '#ff0000',
    background_color: '#fff',
    size: 8,
    font_type: 2
});

新年倒计时 (days-hours)

$('.led4').catLED({
    type: 'countdown',
    format: 'ddd:hh',
    color: '#0000ff',
    background_color: '#888',
    size: 10,
    font_type: 2,
    rounded: 6
});

随机数字

$('.led5').catLED({
    type: 'random',
    color: '#ed1978',
    background_color: '#fff',
    size: 6,
    rounded: 9,
    font_type: 3
});

自定义字母

$('.led6').catLED({
    type: 'custom',
    color: '#FF0000',
    background_color: '#BCBABA',
    size: 10,
    rounded: 2,
    font_type: 4
    value: 'ABCDEFG'  //only ABCDEFGHIJKLMNOPQRSTUVWXYZ@
});