So ändern Sie eine Ajax-Countdown-Seite
Countdown-Anwendungen können eine wichtige Rolle in einigen Websites, vor allem, wenn der Zweck dieser Seiten zur Förderung einer Großveranstaltung oder erhebliche Urlaub, z. B. ein neues Jahr-Feier ist. AJAX ist die bevorzugte Technologie für diese Art von Projekt, weil es mit Finesse, mit seinen High-End, interoperable Anwendung Tools wie jQuery liefern kann. In Kombination können diese beiden Technologien eine intuitive und veränderbare Countdown-Seite auf einer Website erstellen.
Anweisungen
1 Die jQuery-Bibliothek im Abschnitt < HEAD > Ihrer Webseite einfügen:
< Skript-Typ "Text/Javascript" src="jquery.countdown.js =" >< / script >
Sie erhalten außerdem die gepackte oder Mini-Version des jQuery-Skripts als Alternative.
3 Fügen Sie den folgenden Code um die Countdown-Funktionalität für Ihr Projekt zu verbinden:
$(Selektor) .countdown ({bis: LiftoffTime});
Um Ihre Countdownzeit weiter zu verbessern, können Sie benutzerdefinierte Einstellungen einfügen, wie unten dargestellt:
$(Selektor) .countdown ({bis: LiftoffTime, Format: 'dHM'});
4 Wenden Sie ändern Sie die Art und Weise wie Ihre Countdown-Seite berechnen und Anzeigen des Datums wird der folgende Code an. Statt nach unten zu einem zukünftigen Zeitpunkt zählen, haben Sie Ihr Timer zählen aus einem früheren Datum/Uhrzeit statt. Der einzige Unterschied ist, dass es keinesfalls Ablauf in diese spezielle Methode:
$('#sinceCountdown').countdown ({da: StartYear,
format: 'YOWDHMS', description: 'Since New Year'});5
Fügen Sie den folgenden Code, um die Anzeige der Countdown-Seite in eine kompakte Version zu ändern:
$('#sinceCompact').countdown ({da: StartYear, kompakt: wahr,
format: 'YOWDHMS', description: ''});
Dadurch erhalten Sie eine Anzeige ähnlich der folgenden:
0y 7m 0w 0d 10:09:25
Tipps & Warnungen
- AJAX ist leicht zu erlernen, denn es gibt viele effiziente Tutorials im Internet zu studieren. Darüber hinaus können Sie Diskussionsforen voranschreiten Ihr Wissen verknüpfen von der Suche nach Expertenwissen von erfahrenen Benutzern.