Question

是否可以将此脚本与服务器时间而不是客户端时间一起使用。（用于检查时间是否过去）它现在使用客户端时间，这是一个问题。（也许用php ??）

<script>
var end = new Date('02/19/2012 10:1 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('countdown').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('countdown').innerHTML = days + 'days ';
        document.getElementById('countdown').innerHTML += hours + 'hrs ';
        document.getElementById('countdown').innerHTML += minutes + 'mins ';
        document.getElementById('countdown').innerHTML += seconds + 'secs';
    }

    timer = setInterval(showRemaining, 1000);
</script>
<div id="countdown"></div>

Answer 1

你可以从ajax请求中获取时间，或使用类似的东西：

<?php
 $now = date('d-m-Y');
 $end= "01-01-2013"
 $date = strtotime($end) - strtotime($now);
 $days = date('d', $date);
 $monthes= date('m', $date);
 $years= date('Y', $date);
?> 
<script>
  var days = "<?= $days ?>";
  var monthes= "<?= $monthes?>";
  var years= "<?= $years?>";

    document.getElementById('countdown').innerHTML = days+ ' days';

    document.getElementById('countdown').innerHTML += monthes+ ' monthes';

    document.getElementById('countdown').innerHTML += years+ ' years';
</script>

Answer 2

~~Puku的回答将返回一个固定的日期，而不是服务器时间。~~他似乎修复了它。

我建议：

<script>
    var date = <? echo time(); ?>;
    // etc...
</script>

这将获取自Unix纪元IIRC以来的（服务器）秒数，并将其作为int填入变量'date'。请注意<?和?>之间的所有内容都是PHP，因此在服务器上执行。

注意我没有使用缩写语法，比如puku。我默认情况下没有它，我无法改变它，所以我认为对那些有相同问题的人使用这种表示法会很好。

Answer 3

在http://www.roseindia.net/ajax/ajax-first-example.shtml

找到与Ajax类似的示例

[更新]在评论说明我之前的帖子后，这不起作用，我已经审核了每一个并更改了JavaScript和PHP文件（现在提供完整的代码）。此代码现在有效。我试图尽可能保持原始示例和以前提供的链接而不是优化的东西（我会留给你）。

<script>
var end = new Date('02/19/2014 10:1 AM');
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;
var distance;

function startShowRemaining(strnow) {
    var now = new Date(strnow);
    distance = end - now;
    //To prevent 1 sec. lag, we make first a direct call to showRemaining
    showRemaining(); 
    //Then each second, we decrement count and show info
    timer = setInterval(countRemaining, 1000);
}
function countRemaining() {
    distance = distance - 1000; //we substract a second (1000 ms) with each call
    showRemaining();
}
function showRemaining() {
    if (distance < 0) {
        clearInterval(timer);
        document.getElementById('countdown').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('countdown').innerHTML = days + ' days ';
    document.getElementById('countdown').innerHTML += hours + ' hrs ';
    document.getElementById('countdown').innerHTML += minutes + ' mins ';
    document.getElementById('countdown').innerHTML += seconds + ' secs';        
}
function postRequest(strURL) {
    var xmlHttp;
    if (window.XMLHttpRequest) { // Mozilla, Safari, ...
        var xmlHttp = new XMLHttpRequest();
    } else if (window.ActiveXObject) { // IE
        var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlHttp.open('POST', strURL, true);
    xmlHttp.setRequestHeader('Content-Type', 
       'application/x-www-form-urlencoded');
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4) {
            startShowRemaining(xmlHttp.responseText);
        }
    }
    xmlHttp.send(strURL);
}

postRequest('time.php');  

</script>
<div id="countdown"></div>

并创建文件：time.php

<?php
print date("d/m/Y H:i:s");
?>

调用PHP文件一次以获取当前日期，然后每秒递减“距离”var以防止使用带宽和...的进一步Ajax调用无论如何都需要超过一秒。使用了一个不同的递减函数，因此我们可以立即调用showRemaining而不减少它（你也可以在第一次调用中开始增加1000并且只使用一个函数..）。

无论如何，我更喜欢Puku方法只是使用PHP为“now”var写出正确的值，它更简单。这个只是作为Ajax使用的一个例子很好。

服务器时间而不是客户端时间JAVASCRIPT

3 个答案: