Jquery/JavaScript通过小时、分钟和秒变量的倒计时计时器

Question

好的，所以我在this Post上找到了这段代码，我希望添加小时、分钟和秒。有人能帮忙吗？我不太擅长jquery：(

这是代码：

<div id=timer></div>
<script type="text/javascript">
var timeoutHandle;
function countdown(minutes, seconds) {
function tick() {
var counter = document.getElementById("timer");
counter.innerHTML =
minutes.toString() + ":" + (seconds < 10 ? "0" : "") + String(seconds);
seconds--;
if (seconds >= 0) {
timeoutHandle = setTimeout(tick, 1000);
} else {
if (minutes >= 1) {
// countdown(mins-1);   never reach “00″ issue solved:Contributed by Victor Streithorst
setTimeout(function () {
countdown(minutes - 1, 59);
}, 1000);
}
}
}
tick();
}
countdown(1, 30);
</script>

所以，为了明确起见，我需要传递3个变量：countdown(hour, mins, secs);-非常感谢！

Answer 1

所以，在玩了一段时间之后，我想我已经明白了。我不确定这是否是最好的方法，但从我的测试来看，它似乎可以工作24小时。

这是代码；如果你可以添加或改进它，请做我不太擅长的java脚本：(

<div id=timer></div>
<script type="text/javascript">
var timeoutHandle;
function countdown(hours, minutes, seconds) {
function tick() {
var counter = document.getElementById("timer");
counter.innerHTML = hours.toString() + ":" + (minutes < 10 ? "0" : "") + String(minutes) + ":" + (seconds < 10 ? "0" : "") + String(seconds);
seconds--;
if (seconds >= 0) {
timeoutHandle = setTimeout(tick, 1000);
} else {
if (minutes >= 1) {
setTimeout(function () { countdown(hours, minutes - 1, 59); }, 1000);
}
else if (hours >= 1) {
setTimeout(function () { countdown(hours - 1, 59, 59); }, 1000);
}
}
}
tick();
}
countdown(2,30,10);
</script>

我希望有人觉得这很有用：(