Auf vielen Websites können Sie einen Timer sehen, der herunterzählt, bis ein bestimmtes Ereignis eintritt. Dies kann die Endzeit der Rabatte oder die verbleibende Zeit bis zum Jahreswechsel sein. Solche Timer sind eine großartige Werbemaßnahme, die die Aktivität von Käufern / Lieferanten anregt, sowie eine gute interaktive Abwechslung für die Site.
Notwendig
ein Countdown-Timer-Skript
Anweisungen
Schritt 1
Um einen solchen Timer auf Ihrer Website einzustellen, laden Sie zuerst das Countdown-Timer-Skript herunter. Konfigurieren Sie dann darin zwei Parameter: das Countdown-Datum und die entsprechende Beschriftung, die angezeigt wird, wenn dieses Datum kommt.
Schritt 2
Wenn Sie das heruntergeladene Archiv öffnen, finden Sie 2 Dateien: eine enthält das Skript countdown.js und die andere dient als Beispiel für die Seite, mit der dieses Skript verbunden wird - index.html. Extrahieren Sie zuerst die Dateien aus dem Archiv.
Schritt 3
Verwenden Sie Notepad, um die Skriptdatei zu bearbeiten. Um die angegebene Datei in Notepad zu öffnen, klicken Sie mit der rechten Maustaste darauf. Wählen Sie im erscheinenden Menü den Punkt "Öffnen" und dann "mit - Notepad".
Schritt 4
Bearbeiten Sie die erste Zeile ganz am Anfang der Datei: var eventstr = "Happy New Year!". Diese Inschrift wird am Ende des Countdowns angezeigt. Die zweite Zeile mit dem Countdown-Datum befindet sich am Ende der Datei und sieht so aus: CountDowndmn (2011, 1, 1) im Format Jahr, Monat, Tag.
Schritt 5
Bearbeiten Sie das Skriptfragment, das sich ebenfalls am Ende der Datei befindet, etwas über dem Countdown-Datum: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin +" " + dminstr + "und" + dsec + " + dsecstr.
Schritt 6
Speichern Sie die resultierende Datei und legen Sie sie in das Verzeichnis ab, in dem sich die Seite Ihrer Site befindet, in der der Timer platziert wird. Mit anderen Worten, die Timer-Auslagerungsdatei und die Skriptdatei müssen sich im selben Verzeichnis befinden.
Schritt 7
Als nächstes fügen Sie an einer geeigneten Stelle, um den Timer zu platzieren, in den Code Ihrer Seite 2 Zeilen ein:
DIV "Mitte" ID = "Countdown">.
Schritt 8
Die erste Zeile ist für den Befehl zur Ausgabe des Timers zuständig. Die zweite dient zum Verbinden des erstellten Skripts.
Schritt 9
Überprüfen Sie, ob Ihr Timer funktioniert. Wenn alles richtig gemacht wurde, sehen Sie auf der Seite Ihrer Website an der richtigen Stelle einen Countdown.
