Jak automatycznie odświeżyć stronę internetową co 5 sekund za pomocą JavaScript

W JavaScript są sytuacje, w których musimy upewnić się, że wprowadzona treść na danej stronie jest dokładna i aktualna. Na przykład konieczne jest wyświetlanie najnowszej zawartości na stronie internetowej podczas wypełniania długiego formularza i obserwacji nowych zmian lub gdy chcesz przetestować witrynę. W takich przypadkach automatyczne remont strony internetowej co 5 sekund za pomocą JavaScript jest bardzo pomocny w radzeniu sobie z tego typu sytuacją.

W tym artykule omówiono metody automatycznego odświeżenia strony internetowej co 5 sekund za pomocą JavaScript.

Jak automatycznie odświeżyć stronę internetową co 5 sekund za pomocą JavaScript?

Aby automatycznie odświeżyć stronę internetową co 5 sekund za pomocą JavaScript, można zastosować następujące podejścia:

• "setInterval ()" I "dokument.QuerySelelect ()”Metody
• "odświeżać()" metoda
• "settimeout ()" metoda

Przejrzyj omawiane metody jeden po drugim!

Metoda 1: Auto odświeżania strony internetowej co 5 sekund w JavaScript za pomocą setInterval () i dokumentuj.Metody QuerySelector ()

„„setInterval ()„Metoda uzyskuje dostęp do funkcji w określonym przedziale czasowym i„dokument.QuerySelelect ()”Metoda otrzymuje pierwszy element pasujący do selektora CSS. Metody te można zastosować w kombinacji, aby uzyskać dostęp do określonego znacznika nagłówka i ustawić przedział czasu na wymaganą funkcjonalność za pomocą timera.

Składnia

setInterval (funkcja, milisekund, par1, par2)

W powyższej składni „funkcjonować„Odnosi się do funkcji, do której należy uzyskać dostęp”milisekund”To konkretny czas czasowy do wykonania i„par1" I "par2”To dodatkowe parametry.

dokument.querySelelector (selektory CSS)

Tutaj, "Selektory CSS”Reprezentuj jeden lub więcej niż jeden selektorów CSS.

Sprawdź poniższy przykład.

Przykład

Najpierw określ tytuł i nagłówek w i

odpowiednio tagi:

Automatycznie odświeżyć stronę

Teraz ustaw wartość timera jako „1”:

Niech timer = 1;

Następnie zastosuj „setInterval ()„Metoda z„1000 ms" wartość. To zwiększy licznik czasu co sekundę. Uzyskaj również dostęp do określonego nagłówka, aby wyświetlić go na „Model obiektu dokumentu (DOM)”Na końcu ustalonej wartości timera.

Na koniec iteruj wartość licznika z przyrostem „1" za pomocą "++„Operator po wstąpieniu i zastosuj warunek w taki sposób, że jeśli wartość przekroczy 5,„Lokalizacja.przeładować()„Metoda spowoduje przeładowanie okna:

setInterval (() =>
dokument.querySelelector („H2”).innerText = timer;
timer ++;
if (timer> 5)
Lokalizacja.przeładować();
, 1000);

Można zauważyć, że nasza strona internetowa otrzymuje automatyczne odświeżenie co pięć sekund:

Metoda 2: Auto odświeżania strony internetowej co 5 sekund w JavaScript za pomocą zdarzenia Onload

„„Onload„Wydarzenie jest wyzwalane, gdy obiekt został załadowany. Ta technika można zaimplementować w celu odświeżenia strony za pomocą funkcji zdefiniowanej przez użytkownika po załadowaniu strony internetowej.

Składnia

obiekt.onload = refreshPage () myscript;

W podanej składni „funkcjonować”Odnosi się do funkcji, którą należy wywołać po załadowaniu obiektu.

Spójrz na poniższy przykład.

Przykład

Po pierwsze, dołącz tytuł i nagłówek, jak omówiono w poprzedniej metodzie:

Automatycznie odświeżyć stronę

Teraz zastosuj „Onload„Wydarzenie i wywołać funkcję”Odśwież stronę()”I przekaż„5000”Jako argument, który wskazuje pięć sekund czasowych:

Na koniec zdefiniuj funkcję o nazwie „Odśwież stronę()" z "T”Jako argument odnoszący się do ustawionego czasu automatycznego odświeżenia strony internetowej. „„Lokalizacja.przeładować()„Metoda ponownie załaduje stronę po określonym czasie:

Funkcja RefreshPage (t)
settimeout („Lokalizacja.Załaduj (true); ", t);

Wyjście

Metoda 3: Auto odświeżania strony internetowej co 5 sekund w JavaScript za pomocą metody Settimeout ()

„„settimeout ()”Metoda wywołuje funkcję po określonym czasie ustawionym. Tę metodę można zastosować w celu ponownego załadowania strony internetowej po określonym czasie ustawionym limicie limitu czasu.

Składnia

Settimeout (funkcja, milisekund, par1, par2)

W podanej składni „funkcjonować”Odnosi się do funkcji, do której ma być dostępnymilisekund”To konkretny czas czasowy do wykonania i„par1”,„par2”To dodatkowe parametry.

Przykład

W znaczniku skryptu strony HTML zastosuj „settimeout ()„Metoda w taki sposób, że po 5 sekundach lokalizacja.Metoda REAROOD () Relad na stronie internetowej:

Wyjście

Omówiliśmy wszystkie wygodne metody automatycznego odświeżenia strony internetowej co 5 sekund za pomocą JavaScript.

Wniosek

Aby automatycznie odświeżyć stronę internetową co 5 sekund za pomocą JavaScript, użyj „setInterval ()" I "dokument.QuerySelelect ()„Metody dostosowywania wartości timera,„odświeżać()„Metoda odświeżenia strony internetowej lub„settimeout ()”Metoda ustawiania określonego limitu odświeżania czasu strony internetowej. W tym artykule pokazano metody automatycznego odświeżenia strony internetowej co 5 sekund za pomocą JavaScript.