Tests not passing in 25+5 clock project - please help!

Tell us what’s happening:
Hi!

I am on the last project of the front-end certification. Currently, 25/29 of the required tests are passing. #timer tests 10,12,14 , and #audio test 1 are not passing. I have been at this project for several days now, and I don’t know what I am doing wrong. All the failed tests present either of these two errors (you can run and find them):

“Timer has not reached 00:00.”
and
“25 + 5 clock has started, but time displayed is not changing: expected ‘00’ to not equal ‘00’”

I do not understand why the second error is occurring. My understanding of the first error message is that the timer does not reach exact 00:00 (or stays at 00:00 for a very small time - less than a second). However, visually and through console.log(), I can see that the it stays at 00:00 for exactly a second.

There is one lead that I have but I don’t know how to make sense of it. The timer displayed on the screen is faster than the one displayed in console.log, so as you can see in the screenshot below, that console.log shows 56 seconds remaining whereas the displayed time shows 55 seconds remaining.

A bit of explanation about the screenshot:
in the console part, the first two numbers are the time of my clock and the last number is the current time in seconds found using Date()

Your code so far

(One note about this codepen, I still have to figure out how to add font awesome icons to codepen so currently they aren’t visible here)

I’ll add CSS once all the tests pass. Please do drop any solutions or hints, I’ll really appreciate the help. Thanks!

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:104.0) Gecko/20100101 Firefox/104.0

Challenge: Front End Development Libraries Projects - Build a 25 + 5 Clock

Link to the challenge: