JavaScript Olaylar Zamanlama

❮ Önceki Sonraki Bölüm ❯

JavaScript zaman aralıklarında yürütülebilir.

Bu olayları zamanlama denir.

Olaylar Zamanlama

Pencere nesnesi belirtilen zaman aralıklarında kod çalıştırılmasına olanak verir.

Bu zaman aralıkları zamanlama olaylarını denir.

JavaScript ile kullanmak için iki anahtar yöntemleri şunlardır:

setTimeout( function, milliseconds )
milisaniye belirtilen sayıda bekledikten sonra bir işlevi yürütür.
setInterval( function, milliseconds )
Aynı setTimeout() , fakat sürekli fonksiyonunun uygulanmasını tekrar eder.

setTimeout() ve setInterval() HTML DOM Pencere nesnesinin her iki yöntem bulunmaktadır.

setTimeout() Yöntem

window.setTimeout( window. setTimeout() window. setTimeout() metodu pencere öneki olmadan yazılabilir.

İlk parametre yürütülecek bir fonksiyonudur.

İkinci parametre çalıştırılmadan önce milisaniye sayısını gösterir.

Örnek

Bir düğmeyi tıklayın. 3 saniye bekleyin ve sayfa uyaracaktır "Hello" :

<button onclick="setTimeout(myFunction, 3000)">Try it</button>

<script>
function myFunction() {
alert('Hello');
}
</script>

Kendin dene "

Nasıl Yürütme Stop?

clearTimeout() metodu belirtilen fonksiyonunun uygulanmasını durdurur setTimeout() .

window. clearTimeout( timeoutVariable )

window. clearTimeout() window. clearTimeout() metodu pencere öneki olmadan yazılabilir.

clearTimeout() metodu dönen değişkeni kullanır setTimeout() :

myVar = setTimeout( function , milliseconds ) ;
clearTimeout(myVar) ;

Fonksiyon zaten idam değilse, sen arayarak yürütülmesine durdurabilirsiniz clearTimeout() yöntemini:

Örnek

Aynı örnek olarak yukarıda, ama bir katma ile "Stop" butonuna:

Kendin dene "

setInterval() Yöntem

setInterval() yöntemi, her bir belirli bir zaman aralığında belli bir fonksiyonu tekrar eder.

window. setInterval( function , milliseconds ) ;

window. setInterval() window. setInterval() metodu pencere öneki olmadan yazılabilir.

İlk parametre yürütülecek fonksiyonudur.

İkinci parametre her yürütülmesi arasındaki zaman aralığının uzunluğunu gösterir.

Bu örnek olarak adlandırılan bir işlev gerçekleştirir "myTimer" (dijital saat gibi), her saniye.

Örnek

Geçerli saati görüntüler:

var myVar = setInterval(myTimer, 1000);

function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}

Kendin dene "

bir saniyede 1000 milisaniye vardır.

Nasıl Yürütme Stop?

clearInterval() metodu belirtilen fonksiyon infaz durur setInterval() yöntemi.

window.clearInterval( timerVariable )

window. clearInterval( window. clearInterval( ) metodu pencere öneki olmadan yazılabilir.

clearInterval() metodu dönen değişkeni kullanır setInterval() :

myVar = setInterval( Örnek

Aynı örnek olarak yukarıda, ama biz bir ekledik "Stop time" düğmesine:

<p id="demo"></p>

<button onclick="clearInterval(myVar)">Stop time</button>

<script>
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>

Kendin dene "