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