javascript counter script just skips to 0

Question

I'm making a website that projects how many seconds left until Christmas. I made some of it, but I don't know a lot of javascript. It does work a little bit, but it just skips to zero and not one at a time. The thing is, I have no idea how to do it. I have searched and found about a function called setTimeout but when I use it, it just doesn't load and just crashes.

any help is needed

function counter(timeLeft) {

    while (timeLeft > 0) {
        timeLeft = timeLeft - 1;
        $(document).ready(function() {
            $(".time").text(timeLeft);
        });
        return;
    }

}

counter(1500);

make no sense to have the document ready inside the loop. Second the while loop is going to run until it is zero. It is not going to be rendering every number. If you want to do a count down timer, this approach is wrong. You want to use setTimeout or setInterval — epascarello, Nov 07 '20 at 21:37
Third, `return` exits the function, and with that the while loop, regardless of `timeLeft` — Ruben Helsloot, Nov 07 '20 at 21:37
https://stackoverflow.com/questions/9335140/how-to-countdown-to-a-date — epascarello, Nov 07 '20 at 21:39

score 0 · Answer 1 · answered Nov 08 '20 at 00:41

0

Get rid of the document ready event listener and get rid of the return statement. There really is no point in the return statement in the above code.

answered Nov 08 '20 at 00:41

Coder365

26
2

It still skips to zero, I appreciate you trying to help though. – DevOffline Nov 08 '20 at 20:25

javascript counter script just skips to 0

1 Answers1