tutorial pengembangan web terbaru
 

Jendela setTimeout() Method

<Jendela Object

Contoh

Menampilkan kotak peringatan setelah 3 detik (3000 milliseconds) :

setTimeout(function(){ alert("Hello"); }, 3000);
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

The setTimeout() metode panggilan fungsi atau mengevaluasi ekspresi setelah sejumlah tertentu milidetik.

Tip: 1000 ms = 1 detik.

Tip: Fungsi ini hanya dieksekusi sekali. Jika Anda perlu untuk mengulang eksekusi, menggunakan setInterval() metode.

Tip: Gunakan clearTimeout() metode untuk mencegah fungsi dari berjalan.

Dukungan Browser

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

metode
setTimeout() 1.0 4.0 1.0 1.0 4.0

Sintaksis

setTimeout( function,milliseconds,param1,param2,... )

Nilai parameter

Parameter Deskripsi
function Wajib. Fungsi yang akan dieksekusi
milliseconds Wajib. Jumlah milidetik untuk menunggu sebelum mengeksekusi kode
param1,param2,... Pilihan. Parameter tambahan untuk lolos ke fungsi (Tidak didukung di IE9 dan sebelumnya)

Rincian teknis

Kembali Nilai: Sebuah Nomor, mewakili ID nilai timer yang ditetapkan. Gunakan nilai ini dengan clearTimeout() metode untuk membatalkan timer
contoh

Contoh lebih

Contoh

Anda juga dapat merujuk kepada "named" fungsi; Menampilkan kotak peringatan setelah 3 detik (3000 milliseconds) :

var myVar;

function myFunction() {
    myVar = setTimeout(alertFunc, 3000);
}

function alertFunc() {
    alert("Hello!");
}
Cobalah sendiri "

Contoh

Menampilkan teks waktunya:

var x = document.getElementById("txt");
setTimeout(function(){ x.value="2 seconds" }, 2000);
setTimeout(function(){ x.value="4 seconds" }, 4000);
setTimeout(function(){ x.value="6 seconds" }, 6000);
Cobalah sendiri "

Contoh

Membuka jendela baru dan menutup jendela setelah tiga detik (3000 milidetik):

var myWindow = window.open("", "", "width=200, height=100");
myWindow.document.write("<p>This is 'myWindow'</p>");
setTimeout(function(){ myWindow.close() }, 3000);
Cobalah sendiri "

Contoh

Menggunakan clearTimeout() untuk mencegah fungsi untuk menjalankan:

var myVar;

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

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

Contoh

Menghitung selamanya - tetapi dengan kemampuan untuk menghentikan penghitungan:

function startCount()
function stopCount()
Cobalah sendiri "

Contoh

Sebuah jam dibuat dengan waktu kejadian:

function startTime() {
    var today = new Date();
    var h = today.getHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    // add a zero in front of numbers<10
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById("txt").innerHTML = h+ ":" + m + ":" + s;
    t = setTimeout(function(){ startTime() }, 500);
}

function checkTime(i) {
    if (i<10) {
        i = "0" + i;
    }
    return i;
}
Cobalah sendiri "

Contoh

Melewatkan parameter ke fungsi alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setTimeout(alertFunc, 2000, "First param", "Second param");
}
Cobalah sendiri "

Namun, jika Anda menggunakan fungsi anonim, ia akan bekerja di semua browser:

var myVar;

function myStartFunction() {
    myVar = setTimeout(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Cobalah sendiri "

Pages terkait

Jendela Object: href="met_win_cleartimeout.html"> clearTimeout() Method

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

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

<Jendela Object