Eine CSS-styleable countdown-timer?
Ich gedacht, das wäre super-einfach, aber es ist mir schleierhaft, so weit. Ich würde gerne wissen, wie kann ich implementieren einen timer, der nach unten zählt bis zu einem bestimmten Datum, und kann gestylt mit CSS.
Konkret habe ich entworfen habe ein hintergrund image/container-und wollen Stil die zahlen, so dass Sie richtig positioniert sind, geleimt, farbig und in der richtigen schriftart.
Gibt es eine Reihe von JS und jQuery countdown-Timer, aber keine, die ich gefunden habe die Ausgabe in einer Weise, die einfach zu target mit CSS. Ändern des output-strings (d.h. auch von einem div-tags) nur scheint Sie zu brechen, obwohl meine JS-Kenntnisse nicht groß genug, um zu verstehen, wieso (eine Vermutung ist, dass die Skripte scheinen Ziel, einen bestimmten div-Klasse und 'inject' den entsprechenden code. Vielleicht die Einführung von neuen divs Schrauben auf?)
Ich denke, meine Frage müsste sein... ', was ist der einfachste Weg, um zu implementieren, die einen countdown zu einem bestimmten Datum, die mit CSS gestylt werden?', obwohl, wenn Sie wissen, dass eine vorhandene plug-in, das dies tut, ich Liebe dich für immer!!!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Dies ist ein sehr nützliches plugin für countdowns, ... alles ist schriftlich innerhalb einer
div
undspan
's so können Sie einfach und style es mit CSS - Sie können Bilder verwenden, wenn Sie reallu benötigt, umhttp://keith-wood.name/countdown.html
Ich habe diese verwendet: http://www.littlewebthings.com/projects/countdown/example/
Und ich kann sagen, es ist genial.
Leider ist es nicht in reinem CSS, da gibt es Bilder, und der Schalter ist nicht glatt.
Aber man kann immer lernen, wie man einen schönen countdown, indem wir studieren, wie es funktioniert.
Hier können Sie den Quellcode herunterladen: http://www.littlewebthings.com/projects/countdown/downloads/lwtCountdown-php.zip
Hoffe, es hilft.