The setInterval() Metoda w JavaScript służy do powtarzania określonej funkcji w każdym zadanym przedziale czasu. Ocenia wyrażenie lub wywołuje funkcję w określonych odstępach czasu. Ta metoda kontynuuje wywoływanie funkcji do momentu zamknięcia okna lub wyczyśćinterwał() metoda nazywa się. Ta metoda zwraca wartość liczbową lub liczbę różną od zera, która identyfikuje utworzony licznik czasu.
w przeciwieństwie do setTimeout() metoda, setInterval() metoda wywołuje funkcję wielokrotnie. Metodę tę można zapisać z lub bez okno prefiks.
Powszechnie stosowana składnia setInterval() metodę podano poniżej:
Składnia
window.setInterval(function, milliseconds);
Wartości parametrów
Ta metoda przyjmuje dwie wartości parametrów funkcjonować I milisekundy które są zdefiniowane w następujący sposób.
funkcjonować: Jest to funkcja zawierająca blok kodu, który zostanie wykonany.
milisekundy: Ten parametr reprezentuje długość odstępu czasu pomiędzy każdym wykonaniem. Interwał jest podawany w milisekundach. Określa, jak często kod będzie wykonywany. Jeśli jego wartość jest mniejsza niż 10, używana jest wartość 10.
Jak zatrzymać egzekucję?
Możemy skorzystać z wyczyśćinterwał() metoda, aby zatrzymać wykonywanie funkcji określonej w setInterval() metoda. Wartość zwrócona przez setInterval() Metoda może być użyta jako argument wyczyśćinterwał() metoda anulowania limitu czasu.
Rozumiemy użycie setInterval() metodą, korzystając z ilustracji.
Przykład 1
To jest prosty przykład użycia setInterval() metoda. W tym przypadku okno dialogowe z alertem jest wyświetlane w odstępie 3 sekund. Nie używamy żadnej metody, aby zatrzymać wykonywanie funkcji określonej w setInterval() metoda. Zatem metoda kontynuuje wykonywanie funkcji do momentu zamknięcia okna.
setInterval() method <h3> This is an example of using the setInterval() method </h3> <p> Here, the background color changes on every 200 milliseconds. </p> Stop var var1 = setInterval(color, 200); function color() { var var2 = document.body; var2.style.backgroundColor = var2.style.backgroundColor == 'lightblue' ? 'lightgreen' : 'lightblue'; } function stop() { clearInterval(var1); }Przetestuj teraz
Wyjście
Kolor tła zacznie się zmieniać po 200 milisekundach. Po kliknięciu określonego zatrzymywać się przycisku, przełączanie pomiędzy kolorami zostanie zatrzymane na odpowiednim kolorze tła. Dane wyjściowe po kliknięciu przycisku będą -