How to make a countup timer instead of a countdown timer? (PHP, JQUERY AJAX)

Question

I made a countdowntimer in PHP and jQuery AJAX who is showing every second the variable named $timeleft.

timer.js

$(function()
{
  var timertext = $("[timer]");

  setInterval(function()
  {
     $.post("timer.php", {type : "timerupdate"}, function(data)
     {
        timertext.html("Time left: " + data + " seconds")
     });
  }, 1000);
});

timer.php

date_default_timezone_set("Europe/Amsterdam");
$timecountdownend = strtotime("2020-05-18 14:30:00");
$timecountdownstart = strtotime("now"); 
$startdatetime = "2020-05-18 14:07:00"; //variable for starting datetime

if(date('Y-m-d H:i:s') >= $startdatetime){
     $timeleft = $timecountdownend - $timecountdownstart;

     if(isset($_POST["type"]) === true && $_POST["type"] == "timerupdate")
     {
         echo ($timeleft);
     }
}

Explained: a timer that starts when it's a specific time ($startdatetime) and counting the seconds till the $timecountdownend time. It's working fine, but I actually want to count up the second instead of counting down. So that it start counting with 1 second if $startdatetime has reached and every second is counting up till the $timecountdownend has reached. How can I do this with strtotime? I've tried many things like $timeleft = $timecountdownend - strtotime(date('Y-m-d H:i:s')); but it didn't work.

Many thanks in advance.

Making an AJAX request every second for this is a rather bad solution to begin with. Such a countdown (or -up) should happen purely on the client side. — C3roe
– C3roe, Commented May 18, 2020 at 12:32

Jakub Ujvvary · Accepted Answer · 2020-06-23 10:18:13Z

2

First if You have timeleft its Your counter : -2820 You can simply multiple it by (-1) : -2820 * (-1) = 2820

date_default_timezone_set("Europe/Amsterdam");
$timecountdownend = strtotime("2020-05-18 14:30:00");
$timecountdownstart = strtotime("now"); 
$startdatetime = "2020-05-18 14:07:00"; //variable for starting datetime

$timeleft = $timecountdownend - $timecountdownstart;

echo ($timeleft);
echo(PHP_EOL);
echo ($timeleft*(-1));
echo(PHP_EOL);
echo( date('Y-m-d h:i:sa',strtotime($startdatetime)+$timeleft*(-1)));

http://sandbox.onlinephpfunctions.com/code/792ec42255d85a45c377b6e8d34cbde143430824

edited Jun 23, 2020 at 10:18

answered May 18, 2020 at 13:19

Jakub Ujvvary

4314 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to make a countup timer instead of a countdown timer? (PHP, JQUERY AJAX)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related