Dalam tutorial ini, anda akan mempelajari kaedah JavaScript setTimeout () dengan bantuan contoh.
The setTimeout()Cara melaksanakan satu blok kod selepas masa yang ditetapkan. Kaedah melaksanakan kod hanya sekali.
Sintaks JavaScript setTimeout yang biasa digunakan adalah:
setTimeout(function, milliseconds);
Parameternya adalah:
- function - fungsi yang mengandungi blok kod
- milisaat - masa selepas itu fungsi dijalankan
The setTimeout()Cara mengembalikan intervalID , yang merupakan integer positif.
Contoh 1: Paparkan Teks Setelah 3 Detik
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) setTimeout(greet, 3000); console.log('This message is shown first');
Pengeluaran
Mesej ini ditunjukkan Hello world pertama
Dalam program di atas, setTimeout()kaedah memanggil greet()fungsi selepas 3000 milisaat ( 3 saat).
Oleh itu, program ini memaparkan teks Hello world hanya sekali selepas 3 saat.
Catatan : setTimeout()Kaedah ini berguna apabila anda ingin melaksanakan sekatan sekali setelah beberapa waktu. Contohnya, menunjukkan mesej kepada pengguna selepas masa yang ditentukan.
The setTimeout()Cara mengembalikan id selang. Sebagai contoh,
// program to display a text using setTimeout method function greet() ( console.log('Hello world'); ) let intervalId = setTimeout(greet, 3000); console.log('Id: ' + intervalId);
Pengeluaran
Id: 3 Hello world
Contoh 2: Waktu Paparan Setiap 3 Detik
// program to display time every 3 seconds function showTime() ( // return new date and time let dateTime= new Date(); // returns the current local time let time = dateTime.toLocaleTimeString(); console.log(time) // display the time after 3 seconds setTimeout(showTime, 3000); ) // calling the function showTime();
Pengeluaran
5:45:39 PM 5:45:43 PM 5:45:47 PM 5:45:50 PM…
Program di atas memaparkan waktu setiap 3 saat.
The setTimeout()kaedah panggilan fungsi hanya sekali selepas selang masa (di sini 3 saat).
Namun, dalam program di atas, karena fungsi memanggilnya sendiri, program ini menunjukkan waktu setiap 3 saat.
Program ini berjalan selama-lamanya (sehingga memori habis).
Catatan : Jika anda perlu menjalankan fungsi beberapa kali, lebih baik menggunakan setInterval()kaedahnya.
Jelas JavaScriptTimeout ()
Seperti yang anda lihat dalam contoh di atas, program ini menjalankan sekatan kod setelah selang waktu yang ditentukan. Sekiranya anda ingin menghentikan panggilan fungsi ini, anda boleh menggunakan clearTimeout()kaedahnya.
Sintaks clearTimeout()kaedah adalah:
clearTimeout(intervalID);
Di sini, intervalIDadalah nilai pulangan setTimeout()kaedah.
Contoh 3: Gunakan kaedah clearTimeout ()
// program to stop the setTimeout() method let count = 0; // function creation function increaseCount()( // increasing the count by 1 count += 1; console.log(count) ) let id = setTimeout(increaseCount, 3000); // clearTimeout clearTimeout(id); console.log('setTimeout is stopped.');
Pengeluaran
setTimeout dihentikan.
Dalam program di atas, setTimeout()kaedah tersebut digunakan untuk meningkatkan nilai kiraan setelah 3 saat. Walau bagaimanapun, clearTimeout()kaedah menghentikan fungsi panggilan setTimeout()kaedah. Oleh itu, nilai kiraan tidak dinaikkan.
Catatan : Anda biasanya menggunakan clearTimeout()kaedah apabila anda perlu membatalkan setTimeout()panggilan kaedah sebelum berlaku.
Anda juga boleh menyampaikan argumen tambahan kepada setTimeout()kaedah tersebut. Sintaksnya adalah:
setTimeout(function, milliseconds, parameter1,… .paramenterN);
Apabila anda lulus parameter tambahan kepada setTimeout()kaedah, parameter ini ( parameter1, parameter2, dan lain-lain) akan diserahkan kepada yang dinyatakan fungsi .
Sebagai contoh,
// program to display a name function greet(name, lastName) ( console.log('Hello' + ' ' + name + ' ' + lastName); ) // passing argument to setTimeout setTimeout(greet, 1000, 'John', 'Doe');
Pengeluaran
Helo John Doe
Dalam program di atas, dua parameter Johndan Doediteruskan ke setTimeout()kaedah. Kedua parameter ini adalah argumen yang akan diteruskan ke fungsi (di sini, greet()fungsi) yang ditentukan dalam setTimeout()kaedah.
Bacaan yang Disyorkan: JavaScript async () dan tunggu ()
