Stopping a JavaScript Timer when clock reached '0'

Question

Hello Stack Overflow Community, I have a Javascript Timer which gets its date from a MySql database, however when the timer passes the date it was supposed to go to, it starts counting into negative times. How can you set the timer to stop when the date is reached? Thankyou, Code below:

        <p>Time remaining for this weeks challenge: <span id="countdown" style="font-weight:bold;"></span></p>
    <script>
        var target_date = new Date("<?php echo $default_data['w_medal-time']; ?>").getTime();
        var days, hours, minutes, seconds;
        var countdown = document.getElementById("countdown");
        setInterval(function () {
            var current_date = new Date().getTime();
            var seconds_left = (target_date - current_date) / 1000;
            days = parseInt(seconds_left / 86400);
            seconds_left = seconds_left % 86400;
            hours = parseInt(seconds_left / 3600);
            seconds_left = seconds_left % 3600; 
            minutes = parseInt(seconds_left / 60);
            seconds = parseInt(seconds_left % 60);
            countdown.innerHTML = days + "d, " + hours + "h, "
            + minutes + "m, " + seconds + "s";  
        }, 1000);
    </script>

Thankyou for taking to time to answer.

use an if statement and clearInterval.

epascarello
– epascarello

2014-11-24 20:06:32 +00:00
Commented Nov 24, 2014 at 20:06 — epascarello
– epascarello, Commented Nov 24, 2014 at 20:06

Jeremy W · Accepted Answer · 2014-11-24 21:13:30Z

3

You can use clearInterval. Here is an example

From the site:

var myVar = setInterval(function(){myTimer()}, 1000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}

function myStopFunction() {
    clearInterval(myVar);
}

So what you want to do is set your setInterval function to a variable and then check if it is passed the time you want it to be. When it is just call clearInterval(myVar);

answered Nov 24, 2014 at 21:13

Jeremy W

1,9556 gold badges30 silver badges40 bronze badges

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

Collectives™ on Stack Overflow

Stopping a JavaScript Timer when clock reached '0'

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