PHP + jquery计时器不用服务器时间

时间:2016-07-04 06:05:48

标签: php jquery

我有一个在线考试门户,每个考试都是时间基础,所以我必须在页面上显示考试时间倒计时。 我的问题是,如果我将改变我的系统/ PC /笔记本电脑时间,倒计时也会改变。例如。如果考试时间是10分钟,并且在考试开始后,如果我将笔记本电脑的时间改为1小时,那么我的计时器也会改为1小时10分钟。 下面我提到了我的代码

function get15dayFromNow() {
    var t = $('#ex_time').val();
    return t;
}
$clock.countdown(get15dayFromNow(), function(event) {
    $(this).html(event.strftime('%H:%M:%S'));
}).on('finish.countdown', function(event) {
    alert("Exam Time Complete");
});

提前致谢

1 个答案:

答案 0 :(得分:0)

我从您的代码中看到的是,您从客户端获取时间,为什么不修改代码并从服务器获取时间?,您可以对一个简单的API进行AJAX调用,以便区分当前(服务器)时间和测试完成的时间。

Javascript(JQuery)部分仅根据服务器的结果显示倒计时。这样,您始终可以获得与客户端时钟无关的可靠且一致的倒计时值。

在jquery中进行AJAX调用非常简单,因为你不确定如何在这里做一个简单的下面的

$.ajax({ 
        type:    'POST', 
        url:     '/getCountDownValue',
        data:    { testID:1 },
        success: function (data) { 
                    //Do something awesome
                 },
                 error: function(){
                    //Handle your errors
                 }
});

您可以在文档中找到更多详细信息

http://api.jquery.com/jquery.ajax/