javascript - 倒计时不断变化

Question

对，基本上我有一个倒计时器，但它并不完全按照 jar 头上的说明进行操作。

PHP 输出正确，但一旦在 Javascript 中回显，日期就会不断变化。

我将加载页面，它将显示一个预计到达时间，然后我将刷新，它可以向前跳一小时或向后跳几个小时？

我只需要倒计时到 2015 年 3 月 20 日。

PHP 代码

<?php 
  $futureDate = '2015-03-20';
  $d = new DateTime($futureDate);
?>

Javascript

    $('#counter').countdown({

        timestamp : (new Date()).getTime() + <?php echo $d->diff(new DateTime())->format('%a*%h*%i*%s*1000'); ?> 
});

这是实时预览

Preview

拜托，有人帮忙哈哈

Answer 1

你可以在 javascript 中使用类似的东西

how to countdown to a date

var end = new Date('03/20/2015 0:0 AM');

var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;

function showRemaining() {
    var now = new Date();
    var distance = end - now;
    if (distance < 0) {

        clearInterval(timer);
        document.getElementById('counter').innerHTML = 'EXPIRED!';

        return;
    }
    var days = Math.floor(distance / _day);
    var hours = Math.floor((distance % _day) / _hour);
    var minutes = Math.floor((distance % _hour) / _minute);
    var seconds = Math.floor((distance % _minute) / _second);

    document.getElementById('counter').innerHTML = days + 'days ';
    document.getElementById('counter').innerHTML += hours + 'hrs ';
    document.getElementById('counter').innerHTML += minutes + 'mins ';
    document.getElementById('counter').innerHTML += seconds + 'secs';
}

timer = setInterval(showRemaining, 1000);