tutorial pengembangan web terbaru
 

Jendela clearTimeout() Method

<Jendela Object

Contoh

Mencegah fungsi mengatur dengan setTimeout() untuk mengeksekusi:

var myVar;

function myFunction() {
    myVar = setTimeout(function(){ alert("Hello"); }, 3000);
}

function myStopFunction() {
    clearTimeout(myVar);
}
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

The clearTimeout() metode membersihkan timer diatur dengan setTimeout() metode.

ID nilai yang dikembalikan oleh setTimeout() digunakan sebagai parameter untuk clearTimeout() metode.

Catatan: Untuk dapat menggunakan clearTimeout() metode, Anda harus menggunakan variabel global saat membuat metode timeout:

myVar = setTimeout(" Kemudian, jika fungsi belum sudah dijalankan, Anda akan dapat menghentikan eksekusi dengan memanggil metode clearTimeout ().


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

Method
clearTimeout() 1.0 4.0 1.0 1.0 4.0

Sintaksis

clearTimeout( Nilai parameter
Parameter Deskripsi
id_of_settimeout Wajib. ID nilai timer dikembalikan oleh setTimeout() metode

Rincian teknis

Kembali Nilai: Tidak ada nilai pengembalian

contoh

Contoh lebih

Contoh

Contoh berikut memiliki "Start count!" tombol untuk memulai timer, sebuah field input yang akan menghitung selamanya, dan "Stop count!" tombol yang akan menghentikan timer:

<button onclick="startCount()">Start count!</button>
<input type="text" id="txt">
<button onclick="stopCount()">Stop count!</button>

<script>
var c = 0;
var t;
var timer_is_on = 0;

function timedCount() {
    document.getElementById("txt").value = c;
    c = c + 1;
    t = setTimeout(function(){timedCount()}, 1000);
}

function startCount() {
    if (!timer_is_on) {
        timer_is_on = 1;
        timedCount();
    }
}

function stopCount() {
    clearTimeout(t);
    timer_is_on = 0;
}
</script>
Cobalah sendiri "

Pages terkait

Jendela Object: href="met_win_settimeout.html"> setTimeout() Method

Jendela Object: href="met_win_setinterval.html"> setInterval() Method

Jendela Object: href="met_win_clearinterval.html"> clearInterval() Method


<Jendela Object