Jak Zrobić Minutnik

Spisu treści:

Jak Zrobić Minutnik
Jak Zrobić Minutnik

Wideo: Jak Zrobić Minutnik

Wideo: Jak Zrobić Minutnik
Wideo: 38. Jak z użyciem Arduino zrobić "minutnik"? 2024, Może
Anonim

W wielu witrynach można zobaczyć licznik czasu odliczający czas do wystąpienia określonego zdarzenia. Może to być czas zakończenia zniżek lub czas pozostały do Nowego Roku. Takie timery to świetny ruch reklamowy, który stymuluje aktywność kupujących/dostawców, a także dobre interaktywne urozmaicenie strony.

Jak zrobić minutnik
Jak zrobić minutnik

Niezbędny

skrypt odliczający czas

Instrukcje

Krok 1

Aby ustawić taki licznik na swojej stronie, najpierw pobierz skrypt licznika czasu. Następnie skonfiguruj w nim dwa parametry: datę odliczania i odpowiedni napis, który pojawi się, gdy nadejdzie ta data.

Krok 2

Otwierając pobrane archiwum, znajdziesz 2 pliki: jeden zawiera skrypt countdown.js, a drugi służy jako przykład strony, do której ten skrypt zostanie podłączony - index.html. Najpierw wypakuj pliki z archiwum.

Krok 3

Użyj Notatnika, aby edytować plik skryptu. Aby otworzyć określony plik w Notatniku, kliknij go prawym przyciskiem myszy. W wyświetlonym menu wybierz element "Otwórz", a następnie wybierz "z - Notatnik".

Krok 4

Edytuj pierwszą linię na samym początku pliku: var eventstr = "Szczęśliwego Nowego Roku!". Ten napis zostanie wyświetlony na końcu odliczania. Druga linia z datą odliczania znajduje się na końcu pliku i wygląda tak: CountDowndmn (2011, 1, 1) w formacie rok, miesiąc, dzień.

Krok 5

Edytuj fragment skryptu, który również znajduje się na końcu pliku, nieco powyżej daty odliczania: countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin +" " + dminstr + "i" + dsec + " + dsecstr.

Krok 6

Zapisz wynikowy plik i umieść go w katalogu, w którym znajduje się strona Twojej witryny, gdzie zostanie umieszczony licznik czasu. Innymi słowy, plik strony licznika czasu i plik skryptu muszą znajdować się w tym samym katalogu.

Krok 7

Następnie w dogodnym miejscu do umieszczenia timera, w kodzie swojej strony, umieść 2 linijki:

DIV "centrum" ID = "odliczanie">.

Krok 8

Pierwsza linia odpowiada za polecenie wyprowadzenia licznika czasu. Drugi to podłączenie stworzonego skryptu.

Krok 9

Sprawdź, czy Twój minutnik działa. Jeśli wszystko zostanie wykonane poprawnie, zobaczysz odliczanie we właściwym miejscu na stronie Twojej witryny.

Zalecana: