使用 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/>'); } }); });