javascript - 使用 Javascript 和 PHP 的 24 小时倒计时器

Question

我需要一个 24 小时倒计时器，如链接中的图像。我需要在我的 WordPress 网站上实现计时器。计时器应在美国东部时间每晚午夜重置。

这是我当前的 JS 代码，但每次刷新页面时它都会重新启动。我可以以某种方式将它与 EST 集成吗？

    <script type = "text/javascript">

var timeInSecs;
var ticker;

function startTimer(secs) {
timeInSecs = parseInt(secs);
ticker = setInterval("tick()", 1000); 
}

function tick( ) {
var secs = timeInSecs;
if (secs > 0) {
timeInSecs--; 
}
else {
clearInterval(ticker);
startTimer(172800);  // start again
}

var hours= Math.floor(secs/3600);
secs %= 3600;
var mins = Math.floor(secs/60);
secs %= 60;
var pretty = ( (hours < 10 ) ? "0" : "" ) + hours + ":" + ( (mins < 10) ? "0" : "" ) + mins + ":" + ( (secs < 10) ? "0" : "" ) + secs;
document.getElementById("countdown").innerHTML = pretty;
}

startTimer(86400);  // 24 hours in seconds

</script>

<span id="countdown" style="font-weight: bold;"></span>

Answer 1

当我回家时我会再看一下这个，但是你的问题是每次页面加载时你都在调用 startTimer() 方法，你需要做的是获取当前系统时间(EST 格式) )并将其转换为秒这样，当您的页面刷新时，您将获得当前时间，而不是当前定义的常量 - 我希望这是您找到解决方案的基础。