Mysql
 sql >> Datenbank >  >> RDS >> Mysql

Countdown-Timer-php+mysql+js

Bevor Sie den Test ausführen, müssen Sie die genaue Endzeit des Tests auf der Serverseite berechnen und in der Sitzung speichern:

<?php
if (empty($_SESSION['test_will_end_by'])) {
    $_SESSION['test_will_end_by'] = time() + $test_duration_in_seconds;
}
?>

Dann, wenn Sie es Ihrem clientseitigen Skript aus HTML zur Verfügung stellen:

Time left:
<span class="timer" data-end="<?php 
    echo date(DateTime::RFC1123, $_SESSION['test_will_end_by']); 
?>"></span>

Fügen Sie diesen Code in Ihren jQuery-DOM-fähigen Handler ein, um alle Timer auf einer Seite zu starten:

$('.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);
    })();
});