Quote:
Originally Posted by aiimsh0ckz
Heyho,
die Frage klingt wahrscheinlich richtig blöd, da das bestimmt sehr einfach zu machen ist,
aber wie erstelle ich mit solche Online-Timer?
[Only registered and activated users can see links. Click Here To Register...]
Bräuchte ihn für eine Website. :D
Greez, aiimsh0ckz. |
Werde es nicht komplett erklären da der lernfaktor da sein sollte, wenn du jedoch kein Html/Javascript/Css lernen willst dann nutz die einbinde Funktion der Seite.Generell ist es recht simpel, im Html hast du für jede Ziffer ein Div(sprich 8 Divs).
Diese Divs bekommen per Javascript eine Class (Css) immer und immer wieder zu gewiesen.
Diese Class hat als Background-color die jeweilige zahl (z.b. digi1 => 1, digi2 => 2, etc).
Also ist der "schwerste" Teile eigentlich, der Javascript Part.
Dort musst du aber eigentlich nur beim Seitenaufruf das aktuelle Datum mit dem hinterlegten "zieldatum" vergleichen (diff).
Dann solltest du eine Differenz haben von der aus du mit einen "Timer" (setTimeOut) immer eine Sekunde abziehst (und bei 0 Sekunden dann natürlich 1 Minute etc.).
Beim abziehen der Sekunden des Diffs musst du nur noch die Zahlen updaten, sprich den Diffs die richtige Class zuweisen.