The Black Forest

1. Arduenn commented on 2025/3/17, 12.41 h:

Eerst even een koffie voordat ik hier naar ga staren:

https://vasilis.nl/clocks/station-clock/01/js.js

Vroeger, als klein boswachtertje, zat ik ook altijd gebiologeerd naar de stationsklok te staren. Bij elke minuut stelde ik mij voor dat die secondenwijzer eenmaal bovenaan aangekomen kracht moest opbouwen om de minutenwijzer weer een stukje vooruit te duwen.

2. Hank commented on 2025/3/17, 15.45 h:

Het javascript bestand doet niet zo heel veel. Er gebeurt meer alhier, in de CSS.

3. Arduenn commented on 2025/3/17, 18.22 h:

Is de Javascript alleen maar voor de starttijd?

4. Hank commented on 2025/3/17, 18.44 h:

Ongeveer. Het script geeft een “puls” ongeveer precies op de hele minuut. En dat doet ie door een class op de body te zetten. Door die class wordt er een CSS animatie aangezet waardoor de secondewijzer in 58 seconden rond draait. Daarna gaat het scriptje om de 0.01 seconde checken of het weer een hele minuut is, zodat ie die puls weer kan geven.

Het scriptje zet ook nog twee variabelen op de body, die gebruikt CSS dan weer om de minuten- en de urenwijzer voort te bewegen.

5. farq commented on 2025/3/18, 20.53 h:

"Animates 60 steps in 58 seconds"

Hmm.

6. Arduenn commented on 2025/3/18, 22.26 h:

Dat is nodig om de secondenwijzer twee seconden extra te geven als die bovenaanstaat, iets langer stopt en dan de minutenwijzer een minuut verder te 'duwen', net zoals de echte stationsklokken vroeger.

7. Hank commented on 2025/3/18, 23.06 h:

Dat doen ze nog steeds, twee seconden stilstaan.

8. Tox commented on 2025/3/19, 15.01 h:

Dat is nodig om de secondenwijzer twee seconden extra te geven als die bovenaanstaat, iets langer stopt en dan de minutenwijzer een minuut verder te 'duwen', net zoals de echte stationsklokken vroeger.

Hartjes voor deze details

9. Arduenn commented on 2025/3/19, 15.46 h:

Nog steeds? Verhip. Toch maar weer eens naar die klokken gaan kijken ipv naar mijn Seiko.