Pause countdown timer (JavaScript)

Question

I want the countdown timer to pause when I click the pause button, and start from where it left off when I click the go button. It'd also be good if the go button enables again when reset is clicked, but as of now it continues being disabled for as long as the timer was set.

For pausing, I tried what I saw in this fiddle but it didn't work. I also tried this to no avail:

$("#pause").click(function() {
   clearInterval(count()); 
})

Here's the fiddle.

Thanks!

pause() is not globally defined at jsfiddle

guest271314
– guest271314

2016-09-06 09:14:33 +00:00
Commented Sep 6, 2016 at 9:14 — guest271314
– guest271314, Commented Sep 6, 2016 at 9:14

galethil · Accepted Answer · 2016-09-06 09:13:43Z

Here you have solution of working countdown: http://jsfiddle.net/XcvaE/4/

<script>

    var CCOUNT = 60;

    var t, count;

    function cddisplay() {
        // displays time in span
        document.getElementById('timespan').innerHTML = count;
    };

    function countdown() {
        // starts countdown
        cddisplay();
        if (count == 0) {
            // time is up
        } else {
            count--;
            t = setTimeout("countdown()", 1000);
        }
    };

    function cdpause() {
        // pauses countdown
        clearTimeout(t);
    };

    function cdreset() {
        // resets countdown
        cdpause();
        count = CCOUNT;
        cddisplay();
    };

</script>

<body onload="cdreset()">
<span id="timespan"></span>
<input type="button" value="Start" onclick="countdown()">
<input type="button" value="Stop" onclick="cdpause()">
<input type="button" value="Reset" onclick="cdreset()">
</body>

Collectives™ on Stack Overflow

Pause countdown timer (JavaScript)

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