使用 tictac.js 实现倒计时

假设当前时间是 2015-01-01 00:00:00,注册一个每三秒一次的回调函数。

ID1:距离2050年还有

ID2:距离 2015-01-01 00:00:15 还有

ID3:距离 2015-01-01 00:00:30 还有

ID4:距离 2015-01-01 00:00:45 还有

ID5:距离 2015-01-01 00:01:00 还有

$(function() {

    var format = {
        days: '{d}天 ',
        hours: '{hh}小时 ',
        minutes: '{mm}分 ',
        seconds: '{ss}秒'
    };

    function refresh() {
        finish('回调触发<br/>');
    };

    function finish(html) {
        $('#console').html($('#console').html() + html);
    };

    Tictac.init({
        currentTime: Date.parse('2015/01/01 00:00:00'),
        interval: 3000,
        callback: refresh
    });

    Tictac.create('id1', {
        targetId: 'id1',
        expires: Date.parse('2050/01/01 00:00:00'),
        format: format,
        timeout: function() {
            $('#id1').text('时间到!');
            finish('ID1 timeout<br/>');
        }
    });

    Tictac.create('id2', {
        targetId: 'id2',
        expires: Date.parse('2015/01/01 00:00:15'),
        format: format,
        timeout: function() {
            $('#id2').text('时间到!');
            finish('ID2 timeout<br/>');
        }
    });

    Tictac.create('id3', {
        targetId: 'id3',
        expires: Date.parse('2015/01/01 00:00:30'),
        format: format,
        timeout: function() {
            $('#id3').text('时间到!');
            finish('ID3 timeout<br/>');
        }
    });

    Tictac.create('id4', {
        targetId: 'id4',
        expires: Date.parse('2015/01/01 00:00:45'),
        format: format,
        timeout: function() {
            $('#id4').text('时间到!');
            finish('ID4 timeout<br/>');
        }
    });

    Tictac.create('id5', {
        targetId: 'id5',
        expires: Date.parse('2015/01/01 00:01:00'),
        format: format,
        timeout: function() {
            $('#id5').text('时间到!');
            finish('ID5 timeout<br/>');
        }
    });
});