metoda Window setTimeout()

definicja i użycie

setTimeout() metoda wywołuje funkcję po upływie kilku milisekund.

komentarz:1 sekunda = 1000 milisekund.

powiadomienie

setTimeout() wykonaj tylko raz.

Jeśli potrzebujesz powtarzającego się wykonywania, użyj zamiast tego setInterval().

Proszę użyj metoda clearTimeout() aby zatrzymać uruchamianie funkcji.

Aby usunąć timeout, użyj z setTimeout() zwracany id:

myTimeout = setTimeout(function, milliseconds);

Następnie możesz wywołać metoda clearTimeout() aby zatrzymać wykonywanie:

clearTimeout(myTimeout);

patrz również:

metoda clearTimeout()

metoda setInterval()

metoda clearInterval()

przykład

Przykład 1

Powitanie po oczekiwaniu 5 sekund:

const myTimeout = setTimeout(myGreeting, 5000);

Spróbuj sam

Przykład 2

Zatrzymaj uruchomienie myGreeting za pomocą clearTimeout(myTimeout):

const myTimeout = setTimeout(myGreeting, 5000);
function myStopFunction() {
  clearTimeout(myTimeout);
}

Spróbuj sam

Więcej przykładów znajduje się na dole strony.

syntaktyka

setTimeout(function, milliseconds, param1, param2, ...)

parametry

parametry opis
function wymagane. Funkcja do wykonania.
milliseconds

opcjonalnie. Czas w milisekundach oczekiwania przed wykonaniem.

domyślna wartość to 0.
param1, param2,...

opcjonalnie. Parametry przekazywane do funkcji.

IE9 i wcześniejsze wersje nie obsługują.

zwracana wartość

typ opis
liczbą.

ID timera.

Proszę powiąż ten id z clearTimeout(idmetoda Używaj razem, aby anulować timer.

Obsługa przeglądarek

Obsługiwane przez wszystkie przeglądarki setTimeout():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Obsługa Obsługa Obsługa Obsługa Obsługa Obsługa

Więcej przykładów

Przykład 3

Wyświetl okno powiadomienia po 3 sekundach (3000 milisekund):

let timeout;
function myFunction() {
  timeout = setTimeout(alertFunc, 3000);
}
function alertFunc() {
  alert("Hello!");
}

Spróbuj sam

Przykład 4

Wyświetl tekst z zegara:

let x = document.getElementById("txt");
setTimeout(function(){ x.value = "2 seconds" }, 2000);
setTimeout(function(){ x.value = "4 seconds" }, 4000);
setTimeout(function(){ x.value = "6 seconds" }, 6000);

Spróbuj sam

Przykład 5

Otwórz nowe okno i zamknij je po trzech sekundach (3000 milisekund):

const myWindow = window.open("", "", "width=200, height=100");
setTimeout(function() {myWindow.close()}, 3000);

Spróbuj sam

Przykład 6

Trwałe liczenie - ale można zatrzymać liczenie:

function startCount()
function stopCount()

Spróbuj sam

Przykład 7

Stwórz zegar za pomocą zdarzeń czasowych:

function startTime() {
  const date = new Date();
  document.getElementById("txt").innerHTML = date.toLocaleTimeString();
  setTimeout(function() {startTime()}, 1000);
}

Spróbuj sam

Przykład 8

Przekazuj parametry do funkcji (nie działa w IE9 i wcześniejszych wersjach):

setTimeout(myFunc, 2000, "param1", "param2");

Spróbuj sam

Przykład 9

Ale jeśli używasz funkcji anonimowej, działa w wszystkich przeglądarkach:

setTimeout(function() {myFunc("param1", "param2")}, 2000);

Spróbuj sam