JS Clock - Time Rendering Incorrectly inside Webflow


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:

Published site:

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?

Following. Im in need of creating 3 clocks showing 3 different world time. (Stockholm, Bejing and NYC). I’ve managed to set up the clock but i’m having a hard time getting the script to work…

@Stan A little tutorial on how to get this working would be much appreciated, if you have time!

Read only link: Webflow - LT Nordic new

Published site: https://lt-nordic-new.webflow.io/


Hi @Nosleep I will look onto if I will have time over this weekend.

1 Like

Much appreciated! Thanks alot.

Hi @Nosleepafter after first quick look I have found you do not have set custom attribute for each city that is referenced in script.

When you set it up it should work

but I can’t test it.

Aah perfect, i’ll set these parameters first thing tomorrow and how it goes.

Med vennlig hilsen

Atle Røisland
+47 958 83 339


Østerveien 6
4631 Kristiansand

*** Edit: Ive got it to work now. Thanks for helping out!

Good morning @Stan. Or at least its morning here. I’ve made some changes to the code, as you pointed out. But i’m still struggling to get the dials to work. I would appreciate if you would have another look! :slight_smile:

Thanks in advance,

Hi @Nosleep I see you have make it work.