JavaScript waktu Events

❮ Sebelumnya Berikutnya Bab ❯

JavaScript dapat dieksekusi di-interval waktu.

Ini disebut waktu kejadian.

waktu Events

Jendela objek memungkinkan eksekusi kode pada interval waktu yang ditentukan.

interval waktu ini disebut waktu kejadian.

Dua metode kunci untuk digunakan dengan JavaScript adalah:

setTimeout( function, milliseconds )
Mengeksekusi fungsi, setelah menunggu jumlah tertentu milidetik.
setInterval( function, milliseconds )
Sama seperti setTimeout() , tetapi mengulangi pelaksanaan fungsi terus menerus.

The setTimeout() dan setInterval() adalah kedua metode dari objek HTML DOM Jendela.

The setTimeout() Metode

window.setTimeout(function, milliseconds);

The window.setTimeout() metode dapat ditulis tanpa jendela awalan.

Parameter pertama adalah fungsi yang akan dieksekusi.

Parameter kedua menunjukkan jumlah milidetik sebelum eksekusi.

Contoh

Klik tombol. Tunggu 3 detik, dan halaman akan mengingatkan "Hello":

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

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

Cobalah sendiri "

Cara Berhenti Eksekusi itu?

The clearTimeout() metode menghentikan pelaksanaan fungsi ditentukan dalam setTimeout() .

window.clearTimeout( timeoutVariable )

The window.clearTimeout() metode dapat ditulis tanpa jendela awalan.

The clearTimeout() metode menggunakan variabel kembali dari setTimeout() :

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

Jika fungsi belum sudah dieksekusi, Anda dapat menghentikan eksekusi dengan memanggil clearTimeout() metode:

Contoh

contoh yang sama seperti di atas, tetapi dengan menambahkan tombol "Stop":

Cobalah sendiri "

The setInterval() Metode

The setInterval() metode mengulangi fungsi yang diberikan pada setiap interval waktu tertentu.

window.setInterval(function, milliseconds);

The window.setInterval() metode dapat ditulis tanpa jendela awalan.

Parameter pertama adalah fungsi yang akan dieksekusi.

Parameter kedua menunjukkan panjang waktu interval antara setiap eksekusi.

Contoh ini mengeksekusi sebuah fungsi yang disebut "myTimer" sekali setiap detik (seperti jam digital).

Contoh

Menampilkan waktu saat ini:

var myVar = setInterval(myTimer, 1000);

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

Cobalah sendiri "

Ada 1000 milidetik dalam satu detik.

Cara Berhenti Eksekusi itu?

The clearInterval() metode menghentikan eksekusi dari fungsi ditentukan dalam setInterval() metode.

window.clearInterval( timerVariable )

The window.clearInterval( ) metode dapat ditulis tanpa jendela awalan.

The clearInterval() metode menggunakan variabel kembali dari setInterval() :

myVar = setInterval(function, milliseconds);
clearInterval(myVar);

Contoh

contoh yang sama seperti di atas, tapi kami telah menambahkan "Hentikan waktu" tombol:

<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>

Cobalah sendiri "