如何在每 90 小时后重新启动倒数计时器答案

【问题标题】：How to Restart Countdown Timer After Every 90 Hours如何在每 90 小时后重新启动倒数计时器
【发布时间】：2017-01-24 07:02:07
【问题描述】：

$(document).ready(function()
{
    var days = 03; var hours = 18; var minutes = 00; var seconds = 00;
    function calculate()
    {
setTimeout(calculate, 1000); $('#showDate').html(days + ':' + hours + ':' + minutes + ':' + seconds);
        seconds--;
        if (seconds < 0) { seconds = 59; minutes--;
        if (minutes < 0) { hours--; minutes = 59;
        if (hours   < 0) { days--; hours = 23;
        if (days    < 0) {  days = 0; hours = 0; minutes = 0; seconds = 0;
        }}}}
    }
    calculate();
});

<script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
<div id='showDate'></div>

希望你们一切都好。

切入正题，我想在每 90 小时后重置我使用 jquery 创建的倒计时。

我已经写了下面的代码。

90 小时后不重置是指 3 天 18 小时后。

请帮助我。

<script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
<script type='text/javascript'>
$(document).ready(function()
{
    var days = 03; var hours = 18; var minutes = 00; var seconds = 00;
    function calculate()
    {
setTimeout(calculate, 1000); $('#showDate').html(days + ':' + hours + ':' + minutes + ':' + seconds);
        seconds--;
        if (seconds < 0) { seconds = 59; minutes--;
        if (minutes < 0) { hours--; minutes = 59;
        if (hours   < 0) { days--; hours = 23;
        if (days    < 0) {  days = 0; hours = 0; minutes = 0; seconds = 0;
        }}}}
    }
    calculate();
});
</script>

<div id='showDate'></div>

【问题讨论】：

在 if 条件下设置 "==" 应该这样做。
如果可以的话请重写代码:)
更好的方法是在一些变量中设置开始时间戳并从中计算通道

标签： javascript jquery counter

【解决方案1】：

您可以尝试以下方法：

<script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
    <script type='text/javascript'>
    $(document).ready(function()
    {
        var days = 00; var hours = 00; var minutes = 1; var seconds = 00;
        function calculate()
        {
    setTimeout(calculate, 1000); $('#showDate').html(days + ':' + hours + ':' + minutes + ':' + seconds);
        if(days == 0 && hours ==00 && minutes == 0 && seconds == 00)
        {
            minutes = 1;
        }
            seconds--;
            if (seconds < 0) { seconds = 59; minutes--;
            if (minutes < 0) { hours--; minutes = 59;
            if (hours   < 0) { days--; hours = 23;
            if (days    < 0) {  days = 0; hours = 0; minutes = 0; seconds = 0;
            }}}}
        }
        calculate();
    });
    </script>

    <div id='showDate'></div>

【讨论】：

【解决方案2】：

<script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
<script type='text/javascript'>
$(document).ready(function()
{
    var days = 03; var hours = 18; var minutes = 00; var seconds = 00;
    function calculate()
    {
setTimeout(calculate, 1000); $('#showDate').html(days + ':' + hours + ':' + minutes + ':' + seconds);
        seconds--;
        if (seconds < 0) { seconds = 59; minutes--;
        if (minutes < 0) { hours--; minutes = 59;
        if (hours   < 0) { days--; hours = 23;
        if (days    < 0) {  days = 0; hours = 0; minutes = 0; seconds = 0;
        }}}}
        if((seconds == 0) && (minutes == 0) && (hours == 0) && (days == 0))
        {
            days = 03;
            hours = 18;
            minutes = 00;
            seconds = 20;
        }
    }
    calculate();
});
</script>

<div id='showDate'></div>

【讨论】：