Javascript倒计时定义为小时

时间:2014-02-04 18:17:27

标签: javascript jquery countdown

我设定了这个倒计时,你定义了没有约会的时间,这很好但是有问题,如果我想要在午夜结束后让我们在凌晨1点说我不能,我不能因为那段时间已经过去了。有没有人知道如何解决这个问题?它只会在午夜时分发生,当它必须转到其他日期(日期)时,我会在代码中使用24小时格式。

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
</head>
<body>
<script>
var timer;
function cdtd() {
    var now = new Date();
    var dolazak = new Date(now.getFullYear(),now.getMonth(),now.getDate(),23,00,00);
    var timeDiff = dolazak.getTime() - now.getTime();
    if (timeDiff <= 0) {
        clearInterval(timer);
                document.getElementById(id).innerHTML = '';
    }
    if(minutes < 2){document.getElementById(id).style.color="#ff0000";};
    var seconds = Math.floor(timeDiff / 1000);
    var minutes = Math.floor(seconds / 60);
    var hours = Math.floor(minutes / 60);
    var days = Math.floor(hours / 24);
    hours %= 24;
    minutes %= 60;
    seconds %= 60;
    $("#daysBox").html(days);
    $("#hoursBox").html(hours);
    $("#minsBox").html(minutes);
    $("#secsBox").html(seconds);

    timer = setTimeout(cdtd, 1000);
}

$(document).ready(function() {
     cdtd();
});
</script>

<style>
#daysBox{font-size:70px;
         color:#1f62a7;
         font-family:Sans-serif;
}

#hoursBox{font-size:70px;
         color:#1f62a7;
         font-family:Sans-serif;
}


#minsBox{font-size:70px;
         color:#1f62a7;
         font-family:Sans-serif;
}



#secsBox{font-size:70px;
         color:#1f62a7;
         font-family:Sans-serif;
}

</style>


    <div id="daysBox"></div>

    <div id="hoursBox"></div>

    <div id="minsBox"></div>

    <div id="secsBox"></div>
</body>

1 个答案:

答案 0 :(得分:0)

@DontVoteMeDown是对的。

如果你想在第二天早上1点做,请执行以下操作:

var dolazak = new Date(now.getFullYear(),now.getMonth(),now.getDate()+1,1,00,00);

now.getDate()+1使dolazak成为第二天,因此...1,00,00);将变量设置为第二天早上1:00。