Question

jQuery(document).ready(function() {
function updateTime() {
    $("#wtime").append('<p>Wacht nog: <?php echo $wait_time; ?></p> '); 
}

updateTime();
setInterval(updateTime, 1000); });

I want to update the div #wtime every second now it only shows the time and is not updating it

Answer 1

You have to parse the time you get from the server into a javascript Date() object and then increment that each second.

Here’s a working fiddle:

// Make sure $wait_time has a valid format so that Date() can parse it.
// var serverTime  = new Date('<?php echo $wait_time; ?>');
var serverTime = new Date();

function updateTime() {
    /// Increment serverTime by 1 second and update the html for '#time'
    serverTime = new Date(serverTime.getTime() + 1000);
    $('#time').html(serverTime.toGMTString());
}

$(function() {
    updateTime();
    setInterval(updateTime, 1000);
});​

Related HTML:

<div id="wtime">
    <p>Wacht nog: <span id="time"></span></p>        
</div>​

Hope it helps.