Help with Swatch Clock - ☔︎ ∙ I need Help!

Welcome, Guest. Please login or register. - Thinking of joining?
Autumn, 18 Sep 2026 - @443.63

Forum Activity: Four Stars

Random | Recent Posts | Guild Recents

News:

Lo and Behold

Guild Events: weekly zine theme 12: television

MelonLand Forum Da Web Revival ✁ ∙ Web Crafting ☔︎ ∙ I need Help! Help with Swatch Clock	« previous next »

Pages: [1]

Author

Topic: Help with Swatch Clock (Read 1029 times)

Ajsiets
Newbie ⚓︎

⛺︎ My Room

Artifacts:

Help with Swatch Clock

« on: Summer, 04 Aug 2024 @194 beats »

Hi! I've wanted to experiment with integrating JavaScript with a website, and I thought a simple project would be adding a swatch clock, but for some reason it doesn't seem to work? I copied the code from Melon's post about swatch clocks, and followed the instructions as best as I know how to, but it just displays "@000" which I have in there as static default text that's supposed to be replaced by the clock itself. I've attached some screenshots of the code if anyone can help me find what I might be missing? I've included the JavaScript file, as well as the span that holds the clock, and the script tag where I've linked the .js file. Thank you very much!

https://github.com/ajsiets/ajsiets.github.io/blob/main/Code.PNG?raw=true

https://github.com/ajsiets/ajsiets.github.io/blob/main/Script.PNG?raw=true

https://github.com/ajsiets/ajsiets.github.io/blob/main/Span.PNG?raw=true


	Logged

Memory
Guest

Re: Help with Swatch Clock

« Reply #1 on: Summer, 04 Aug 2024 @414 beats »

[removed by author]


« Last Edit: Summer, 07 Aug 2024 @476 beats by Memory »	Logged

rhenn
Jr. Member ⚓︎

⛺︎ My Room
StatusCafe: rhenn

Artifacts:

Re: Help with Swatch Clock

« Reply #2 on: Summer, 04 Aug 2024 @533 beats »

J makes some good points!

I'd also recommend using the defer keyword when running scripts on your site, it makes sure that the script doesn't run until all of your html is loaded. If you have your script in the <head> of your html, functions like document.getElementById can break because the elements they're looking for haven't loaded yet.

Code