How to decrement given time

Question

I am getting an output of 00:20:00 which is correct but my problem now is its not decrementing even when I have subtracted it am i missing something?

$duration=0;
$startime=date('Y-m-d H:i:s');

$end_time=$end_time=date('Y-m-d H:i:s', 
strtotime('+'.$duration.'minutes',strtotime($startime)));

$timefirst=strtotime($startime);
$timesecond=strtotime($end_time);
$differenceinseconds=$timesecond-$timefirst;
echo gmdate("H:i:s", $differenceinseconds);

my script

 <div id='response'></div>

 <script type="text/javascript">
 setInterval(function(){
    var xmlhttp=new XMLHttpRequest();
    xmlhttp.open("GET",'responseTime.php',false);
    xmlhttp.send(null);
    document.getElementById('response').innerHTML=xmlhttp.responseText;
 },1000);
     </script>

Look into using the [DateTime](http://php.net/manual/en/class.datetime.php) class and, in particular, the [date_sub](http://php.net/manual/en/datetime.sub.php). — Dave, Mar 13 '19 at 12:09
Take a look at https://stackoverflow.com/questions/14460518/php-get-tomorrows-date-from-date — Alexis, Mar 13 '19 at 12:10
No I only want to create a timer like the value of my duration is 20 which I want it to be 20 mins then decrement it — Jenel Hapitana, Mar 13 '19 at 12:10
`'+'.$duration.'minutes'` would translate into `+0minutes`. What difference do you expect? — M. Eriksson, Mar 13 '19 at 12:10
If the timer is running in javascript (the browser) WHY waste the servers time running a script every second. Decrement the timer in javascript — RiggsFolly, Mar 13 '19 at 12:12
sorry didn't understand much more about date. I just want to create a timer based on the given value like 20 = 20mins — Jenel Hapitana, Mar 13 '19 at 12:15
What do you think will happen when you have 1000 users using the site all at the same time ??? 1000 AJAX calls a second will not improve your sites general response times in any way at all — RiggsFolly, Mar 13 '19 at 12:16
@RiggsFolly I agree with you... better use some timer plugin of jquery/javascript — Dinesh Suthar, Mar 13 '19 at 12:16
You would also find that it might take more than a second to get the AJAX call run anyway on a busy site. And where would that leave your timer? — RiggsFolly, Mar 13 '19 at 12:17
ok sir so what's the best approach for this in creating a timer in different users — Jenel Hapitana, Mar 13 '19 at 12:19
@JenelHapitana you should use plugin like [this](https://www.jqueryscript.net/demo/Countdown-Timers-Bootstrap-4-Progressbar/) — Dinesh Suthar, Mar 13 '19 at 12:19

score 0 · Answer 1 · answered Mar 13 '19 at 12:36

As RiggsFolly mentioned why waste servers time running a timer. Here is what you can do in javascript,

<div id="stopwatch"></div>
<script>
var Stopwatch = function (elem, target, options) {

var timer = createTimer(),
        offset,
        clock,
        interval;

// default options
options = options || {};
options.delay = options.delay || 1;

// append elements     
elem.appendChild(timer);

// initialize
reset();

// private functions
function createTimer() {
    var interval = 20 ; // 20 seconds
    var element = document.createElement("progress");
    element.setAttribute("max",interval);
    return element;
}

function start() {
    if (!interval) {
        offset = Date.now();
        interval = setInterval(update, options.delay);
    }
}

function stop() {
    if (interval) {
        clearInterval(interval);
        interval = null;
    }
}

function reset() {
    clock = 0;
    render();
}

function update() {
    clock += delta();
    render();
}

function render() {
    timer.value = parseInt(clock / 1000);
    if(timer.value==interval){
        // This is the point where timer ends, put your further code in here.
    }
}

function delta() {
    var now = Date.now(),
            d = now - offset;

    offset = now;
    return d;
}

// public API
this.start = start;
this.stop = stop;
this.reset = reset;
};
var elem = document.getElementById("stopwatch");
var timer = new Stopwatch(elem, {delay: 10});
timer.start();
</script>

How to decrement given time

1 Answers1