jQuery 倒计时未重新开始
jQuery countdown not restarting
我正在使用 jquery 倒计时功能倒计时到特定的日期和时间。当计数器到期时,我希望计数器被销毁,以当前时间加 10 分钟和新的到期函数重新启动。
但出于某种原因,当我的第一个计时器用完时,第二个计时器的到期功能将被执行,10 分钟倒计时开始。
我已经尝试了几种组合,包括 'option',四处移动函数...但我无法让它工作,所以最后一个函数(一个简单的控制台日志)被称为最终到期函数.
这是我的代码:
var select = new Date(data.select); //date from server
$('#counter').countdown({
until: select,
format: 'dhms',
layout: ' ({h<}{hn} timer {h>}{m<}{mnn} minutter {m>}{s<}{snn} sekunder{s>})',
onExpiry: onCounter
});
function onCounter() {
$('#counter').countdown('destroy');
$('#counter').countdown({
until: '+10m',
format: 'ms',
layout: ' ({m<}{mnn} minutter {m>}{s<}{snn} sekunder{s>})',
onExpiry: console.log('times up') // last function to be called
});
}
您的 onCounter
onExpiry
不是函数,因此会立即执行而不是在到期时执行:
function onCounter() {
$('#counter').countdown('destroy');
$('#counter').countdown({
until: '+10m',
format: 'ms',
layout: ' ({m<}{mnn} minutter {m>}{s<}{snn} sekunder{s>})',
onExpiry: function() { console.log('times up'); }
});
}
或者您可以创建一个新函数并调用它,方法与第一个相同:
function onFinalCounter() {
console.log("times up");
}
function onCounter() {
$('#counter').countdown('destroy');
$('#counter').countdown({
until: '+10m',
format: 'ms',
layout: ' ({m<}{mnn} minutter {m>}{s<}{snn} sekunder{s>})',
onExpiry: onFinalCounter
});
}
我正在使用 jquery 倒计时功能倒计时到特定的日期和时间。当计数器到期时,我希望计数器被销毁,以当前时间加 10 分钟和新的到期函数重新启动。
但出于某种原因,当我的第一个计时器用完时,第二个计时器的到期功能将被执行,10 分钟倒计时开始。
我已经尝试了几种组合,包括 'option',四处移动函数...但我无法让它工作,所以最后一个函数(一个简单的控制台日志)被称为最终到期函数.
这是我的代码:
var select = new Date(data.select); //date from server
$('#counter').countdown({
until: select,
format: 'dhms',
layout: ' ({h<}{hn} timer {h>}{m<}{mnn} minutter {m>}{s<}{snn} sekunder{s>})',
onExpiry: onCounter
});
function onCounter() {
$('#counter').countdown('destroy');
$('#counter').countdown({
until: '+10m',
format: 'ms',
layout: ' ({m<}{mnn} minutter {m>}{s<}{snn} sekunder{s>})',
onExpiry: console.log('times up') // last function to be called
});
}
您的 onCounter
onExpiry
不是函数,因此会立即执行而不是在到期时执行:
function onCounter() {
$('#counter').countdown('destroy');
$('#counter').countdown({
until: '+10m',
format: 'ms',
layout: ' ({m<}{mnn} minutter {m>}{s<}{snn} sekunder{s>})',
onExpiry: function() { console.log('times up'); }
});
}
或者您可以创建一个新函数并调用它,方法与第一个相同:
function onFinalCounter() {
console.log("times up");
}
function onCounter() {
$('#counter').countdown('destroy');
$('#counter').countdown({
until: '+10m',
format: 'ms',
layout: ' ({m<}{mnn} minutter {m>}{s<}{snn} sekunder{s>})',
onExpiry: onFinalCounter
});
}