Trước khi chạy thử nghiệm, bạn cần tính toán chính xác thời gian kết thúc thử nghiệm ở phía máy chủ và lưu nó vào phiên:
<?php
if (empty($_SESSION['test_will_end_by'])) {
$_SESSION['test_will_end_by'] = time() + $test_duration_in_seconds;
}
?>
Sau đó, nếu bạn cung cấp nó cho tập lệnh phía máy khách của mình từ HTML:
Time left:
<span class="timer" data-end="<?php
echo date(DateTime::RFC1123, $_SESSION['test_will_end_by']);
?>"></span>
Thêm mã này vào trình xử lý jQuery DOM sẵn sàng của bạn để bắt đầu tất cả các bộ hẹn giờ trên một trang:
$('.timer').each(function() {
var target = new Date($(this).data('end')), update, $this = $(this);
(update = function () {
var now = new Date();
$this.text((new Date(target - now)).toUTCString().split(' ')[4]);
if (Math.floor((target - now)/1000) == 0) return; // timer stops
setTimeout(update, 1000);
})();
});