Har jobbat lite på en webbaserad binär klocka ett tag. Det har faktiskt legat live ett tag, men jag bestämde mig för att skriva om en del av koden ikväll. Hursomhaver, nu får det vara klart.

Klockan är skriven i JavaScript + jQuery. I korta drag ritar scriptet ut tre st HTML-sektioner med varsin lista i. Varje list-item har den släckta bilden som bakgrundsbild och den tända bilden ovanpå som en img-tagg, dock gömd i utgångsläget. En timer triggar en update-funktion som går igenom rutnätet och kollar vad som ska vara tänt resp släckt. När en cell ska tändas så fadar jag helt enkelt in den tända bilden med jQuery.

JavaScriptet går att hämta in och köra hyfsat separat från min markup m.hj av några options, där man t.ex kan slänga in sina egna bilder och välja bort fusket.

Klicka här för att kolla själv