Fix animation timer

good evening to the community,
I have a problem with my animation. I’d like to synchronize it with the seconds on my timer.

hello and welcome back to fcc forum :slight_smile:

did you try adjusting “interval” time? or you fixed it already? happy coding :slight_smile:

It is unlikely you would want to try and independently time CSS and JS like that. Take a look at the Web Animations API

yes but it’s not work

have a look at what Iasjorg is saying then, happy coding :slight_smile:

i’ve integrated javascript animation using what you said but alas it still doesn’t work

Update your Codepen with what you have tried. It is still using the same CSS for the animation.

hello, i did the css update using the web animmation api in javascript but i still get the same result as the one done in css. need help.

Don’t you just need to set the duration to the same as the setInterval delay?

same result obtained when I set the duration to the same value as with setInterval

Well, it is not the same. It might not be what you want, but at this point, I’m not sure what that is.