Timer strony odświeżania JavaScript

Wdrożenie czasu odświeżania strony w JavaScript jest bardzo pomocne, ponieważ pozwala użytkownikom upewnić się, że treść na konkretnej witrynie jest odpowiednia i aktualna. Ponadto pomaga w aktualizacji strony internetowej lub witryny w fazie automatyzacji. Podobnie pozwala użytkownikom końcowym dostęp do najnowszych treści na danej stronie.

Jak zaimplementować czas odświeżania czasu w JavaScript?

Aby zaimplementować JavaScript strony odświeżania strony, można zastosować następujące podejścia:

• Metoda „settimeout ()”.
• Wydarzenie „Onload”.
• Metoda „setInterval ()”.

Podejście 1: Wdrożenie czasu odświeżania strony strony w JavaScript metodą Settimeout ()

„„settimeout ()”Metoda przekierowuje się do funkcji po ustawianiu. Takie podejście można zastosować do przekierowania do określonej funkcji po przycisku Kliknij i odśwież stronę po ustawieniu.

Składnia

W podanej składni:

• "funkcjonować”Wskazuje dostępną funkcję.
• "milisekund”Odnosi się do przedziału czasowego do wykonania.
• "par1" I "par2”Odpowiadają dodatkowym parametrom.

Przykład

Śledźmy poniżej podanego przykładu:

Ta strona odświeży się co 4 sekundy!

W powyższym fragmencie kodu wykonaj następujące kroki:

• Uwzględnij podane „Tytuł” ​​i „Kierowanie się”.
• Utwórz także przycisk z załączonym „na kliknięcie„Przekierowanie zdarzenia do funkcji Refreshtimer ().
• W części kodu JavaScript zadeklaruj funkcję o nazwie „Refreshtimer ()".
• W swojej definicji zastosuj „settimeout ()" metoda. W swoim parametrze zastosuj „Lokalizacja.przeładować()„Metoda z ustaloną wartością logiczną. W drugim parametrze określ wyznaczony czas.
• Spowoduje to odświeżenie strony po każdym „4 sekundy”Po kliknięciu przycisku.

Wyjście

W powyższym wyjściu można zaobserwować, że strona odświeża.

Podejście 2: Wdrożenie czasu odświeżania strony w JavaScript za pomocą zdarzenia Onload

Zdarzenie „Onload” wchodzi w życie, gdy obiekt jest ładowany. Takie podejście można wykorzystać do odświeżenia strony po załadowaniu strony w odniesieniu do wartości ustalonej liczby timera.

Składnia

W podanej składni:

• "funkcjonować”Odpowiada dostępnej funkcji, gdy obiekt jest ładowany.

Przykład

Obserwuj podane kroki w poniższym przykładzie:

Ta strona odświeży się co 8 sekund!

W powyższych wierszach kodu:

• Aplikować "Onload„Zdarzenie funkcji Refreshtimer () mające ustalony timer jako jego parametr. Spowoduje to wywołanie określonej funkcji na załadowanej stronie.
• Podaj także podane nagłówek.
• W części kodu JavaScript zdefiniuj funkcję o nazwie „Refreshtimer ()."
• Podobnie w swojej definicji powtórz omawiany krok w poprzednim podejściu do zastosowania „settimeout ()„Metoda o podanych parametrach.
• Tutaj, "regulator czasowy”Odnosi się do przekazanej wartości parametrów timera.

Wyjście

Z powyższego wyjścia widać, że po załadowaniu strony odświeża się po 8 sekundach.

Podejście 3: Wdrożenie czasu odświeżania strony w JavaScript za pomocą metody setInterval ()

„„setInterval ()”Metoda przekierowuje do funkcji w określonych odstępach czasu. Tę metodę można stosować wielokrotnie i odświeżyć stronę po limicie zestawu czasu.

Składnia

W powyższej składni:

• "funkcjonować”Wskazuje na dostępną funkcję.
• "milisekund”Odnosi się do konkretnego przedziału czasowego do wykonania.
• „Par1” i „Par2” odpowiadają dodatkowym parametrom.

Przykład

Śledźmy poniżej podanego przykładu:

Ta strona odświeży się co 5 sekund!

W powyższym fragmencie kodu:

• Uwzględnij podane nagłówki do wyświetlania wiadomości i zawierające odpowiednio licznik czasu, który ma być zwiększony.
• W części kodu JavaScript zainicjuj timer za pomocą „1".
• W następnym kroku zastosuj „setInterval ()" metoda. Przyprzyj także określoną nagłówek przez „ID" używając "getElementById ()„Metoda zawierania czasu.
• Zwiększyć licznik czasu, aby po „5 sekund„Liczowi, strona jest odświeżana przez„Lokalizacja.przeładować()" metoda.

Wyjście

W powyższym wyjściu można zaobserwować, że strona odświeża się po 5 sekundach.

Wniosek

„„settimeout ()„Metoda,„Onload„Wydarzenie lub„ ”setInterval () ”Metodę można wykorzystać do wdrożenia czasu odświeżania czasu w JavaScript. Metodę Settimeout () można zaimplementować, aby wywołać funkcję po przycisku Kliknij i odśwież stronę po czasie ustawiania. Zdarzenie Onload można zastosować, aby zaimplementować licznik ładowania strony i odświeżyć go zgodnie z wartością ustawioną. Metoda setInterval () może wielokrotnie odświeżyć stronę po limicie zestawu czasu. Ten blog wyjaśnia, jak zaimplementować czas odświeżania strony strony w JavaScript.