Streaming live at 10am (PST)

JS Clock - Time Rendering Incorrectly inside Webflow

Hey!

I’m looking for some support getting this analog clock working.

On my site trying to display a clock for each office location, showing the local time.
I’ve managed to customize this Codepen and everything is working great in the pen:

However, when setting everything up with the exact same content in Webflow the times are displaying incorrectly.

Read Only link:
https://preview.webflow.com/preview/clock-example?utm_medium=preview_link&utm_source=designer&utm_content=clock-example&preview=f0dfb7d310307f16fde7f638cf426e9c&workflow=preview

Published site:
https://clock-example.webflow.io/

Does anyone have any suggested edits to resolve this issue?

My JS is super limited.

hi @jamesgreeny here is short video with explanation why is not working the way you have set it up and how to apply simple fix to make it work.

1 Like

Hi @jamesgreeny was my response helpful to make it work or do you need further help?