Timery są ważnym aspektem każdego języka programowania. Jak wiemy, czas to pieniądz. W tym artykule zobaczymy, jak zaimplementować i pracować z Timerami w JavaScript:
Praca z licznikami czasu w JavaScript
Timer to funkcja, która umożliwia nam wykonanie funkcji w określonym czasie.Używając timerów, możesz opóźnić wykonanie kodu, aby nie zostało wykonane dokładnie w momencie wyzwolenia zdarzenia lub załadowania strony. Na przykład możesz użyć timerów do zmiany banerów reklamowych w swojej witrynie w regularnych odstępach czasu lub wyświetlić zegar czasu rzeczywistego itp.
W JavaScript jest funkcja timera:setTimeout ()
Poniższa sekcja pokaże ci, jak stworzyć timery do opóźnienia koduwykonanie, a także jak wykonać jedną lub więcej czynności wielokrotnie przy użyciu tej funkcji w JavaScript.
Metoda okna setTimeout ()
Definicja i użycie:
Metoda setTimeout () wywołuje funkcję lub ocenia wyrażenie po określonej liczbie milisekund.
WSKAZÓWKA:
- 1000 ms = 1 sekunda.
- Funkcja jest wykonywana tylko raz. Jeśli chcesz powtórzyć wykonanie, użyj rozszerzenia
setInterval ()metoda. - Użyj
clearTimeout ()metoda, aby zapobiec uruchomieniu funkcji.
Ta funkcja przyjmuje dwa parametry: a funkcjonować , która jest funkcją do wykonania i opcjonalną opóźnienie parametr, który jest liczbą milisekund reprezentującą czas oczekiwania przed wykonaniem funkcji (1 sekunda = 1000 milisekund).
Wartość zwracana: Zwraca liczbę reprezentującą wartość ID ustawionego timera.
Kod: Timery w JavaScript
Oto kod dla Timerów w JavaScript, który ustawia licznik czasu na 2 minuty i kiedy czas „upłynie” alertu strony. PliksetTimeout ()metoda wywołuje funkcję lub oblicza wyrażenie po określonej liczbie milisekund.
// ustaw minuty
var mins = 2
// oblicz sekundy
var secs = mins * 60
// Funkcja odliczania jest wywoływana po załadowaniu strony
function countdown () {
setTimeout ('Decrement ()', 60)
}
// Funkcja zmniejszania zmniejsza wartość.
rozpoczęcie pracy z mysql workbench
function Decrement () {
if (document.getElementById) {
minutes = document.getElementById ('minuty')
sekundy = document.getElementById ('sekundy')
// jeśli pozostała mniej niż minuta
// Wyświetla tylko wartość sekund.
if (sekundy<59) {
seconds.value = sek
}
// Wyświetla minuty i sekundy
// getminutes i getseconds są używane
// pobierz minuty i sekundy
else {
minutes.value = getminutes ()
seconds.value = getseconds ()
}
// gdy pozostała mniej niż minuta
// kolor minut i sekund
// zmienia się na czerwony
if (min<1) {
minutes.style.color = 'czerwony'
seconds.style.color = 'czerwony'
}
// jeśli sekundy zmienią się w zero,
// a następnie upłynie czas alertu strony
if (min<0) {
alert ('upłynął czas')
minutes.value = 0
seconds.value = 0
}
stół Cassandra vs rodzina kolumn
// jeśli sekundy> 0, to sekundy są zmniejszane
else {
suchy--
setTimeout ('Decrement ()', 1000)
}
}
}
function getminutes () {
// minuty to sekundy podzielone przez 60 i zaokrąglone w dół
mins = Math.floor (s / 60)
powrót min
}
function getseconds () {
// zabiera pozostałe minuty (jako sekundy)
// z pozostałych sekund
return secs - Math.round (min * 60)
}
Pozostały czas ::
:
Gdy pozostanie mniej niż minuta, kolor licznika czasu zmienia się na czerwony.
W ten sposób dochodzimy do końca artykułu Timers in JavaScript. do heck out the autorstwa Edureka, zaufanej firmy zajmującej się edukacją online, z siecią ponad 250 000 zadowolonych uczniów rozsianych po całym świecie.
Masz do nas pytanie? Wspomnij o tym w sekcji komentarzy tego zastrzyku zależności w AngularJs, a my skontaktujemy się z Tobą.