CODEWITHSUNDEEP
javascriptphpjquerytimer
HippoDuck
HippoDuck

Reputation: 2194

Javascript Count Down - Controlled by server

My script has a countdown timer, but has to be controlled by the server since the time can change at any time.

Usually counts down from 1 hour, but as it gets closer to 0, a user fired event from PHP will reset the time on MySQL database and the timer will shoot back to what ever time. 

    setInterval(function() {
        $('#timer').load('api/getdata.php?clock=1');
    }, 600);

As you can see, currently the countdown is returned by a PHP script, which is called every 600ms (1000ms sometimes appears to skip a second).

I need to have a simple text countdown (Minutes and seconds), which synchronizes with the PHP script. But as it gets less than 30 seconds, would need to sync every second.

Is this possible with JS?

This is the code for the PHP

$from = time();
$to = strtotime($row['clock']);

$Timer = date('i:s', $to - $from);
echo("$Timer");

Upvotes: 0

Views: 508

Answers (1)

wtfzdotnet
wtfzdotnet

Reputation: 1062

I think the easiest way to tackle this ( correct me if I'm wrong anyone! );

  • Fetch the time from the server
  • Return [ json ]
    • [server_time]
    • [seconds_left]
    • [miliseconds_left]

Set these values on a function and make sure its called as your contract requires. As soon as this starts hitting < 60 seconds shorten the interval by division of (e.g. the amount of seconds, altough this might not be optimal :-) ).

60/60   = 1
50 / 60 = .73
30 / 60 = .5
etc...

If the miliseconds are really really crucial I'm afraid you would have to provide some more insight of what it actually is you are trying to accomplish?

Upvotes: 1

Related Questions