animierter Timer

aherzog

Erfahrenes Mitglied
HAllo miteinander.

Auf meiner Formel1-Webseite hab ich einen "Timer" der anzeigt wie lange es noch dauert bis zum nächsten Rennen.

So sieht der aus:
counter.jpg
Diesen habe ich Programmiert bekommen.
Es wird das Datum aus der Datenbank ausgelesen, die Diverenz berechnet und dann per Javascript dargestellt.
Alle Sekunde / Minute / Stunden / Tage werden die entsprechenden Grafiken gewechselt.

Nun ist es an der Zeit das die Seite ein neues Facelifting bekommt,
dafür möchte ich den Timer animieren.

Meine Idee:

Wie bei den alten Wecker von früher
2012-02-24-14h59_21_thumb.png
möchte ich gerne meinen Timer animieren.
(Der obere Teil klappt nach unten)

Gibt es dafür eine fertige Lösung oder wie muss ich rangehen?

Könnt ihr mir da einen Tip geben?

Gruss Andreas
 
Zuletzt bearbeitet:
So was nennt sich flip clock und du findest da ganz viel, wenn du bei Google suchst. Ansonsten hätte ich hier ein Beispiel: http://cnanney.com/journal/demo/apple-counter-revisited/ Im Übrigen findest du solche Sachen recht leicht, wenn du dein gewünschtes Bild in die Google Bilder Suche eingibst (Link angeben oder hochladen) und dann zeigt dir Google recht schnell passende Suchbegriffe an, mit denen du dann in der normalen Google Suche Beispiele finden kannst.
 
Zurück