Penggunaan pemasa setTimeOut dan setInterval dalam kemahiran Javascript_javascript

WBOY
Lepaskan: 2016-05-16 15:55:31
asal
1416 orang telah melayarinya

Fungsi setTimeOut dan setInterval Javascript digunakan secara meluas untuk mengendalikan tugasan yang tertunda dan dijadualkan. data terkini pada selang masa yang tetap, dsb. Tetapi aplikasi mereka berbeza.

Kaedah setTimeout() digunakan untuk memanggil fungsi atau ungkapan yang dikira selepas bilangan milisaat tertentu, manakala setInterval() menggelung untuk memanggil fungsi atau ungkapan setiap bilangan milisaat tertentu sehingga clearInterval mengosongkannya. Dalam erti kata lain, setTimeout() hanya dilaksanakan sekali, dan setInterval() boleh dilaksanakan beberapa kali. Parameter kedua-dua fungsi juga sama Parameter pertama ialah kod atau pemegang yang akan dilaksanakan, dan parameter kedua ialah bilangan milisaat untuk ditangguhkan.
setTimeOut penggunaan
Penggunaan fungsi setTimeout adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

var timeoutID = window.setTimeout(func, [delay, param1, param2, ...]); var timeoutID = window.setTimeout(kod, [delay]);

ID masa habis: nombor ID pemasa, yang boleh digunakan untuk mengosongkan pemasa dalam fungsi clearTimeout(). func: fungsi yang sedang dilaksanakan.

kod: (sintaks alternatif) rentetan kod untuk dilaksanakan.
kelewatan: masa kelewatan, dalam milisaat. Jika tidak dinyatakan, lalai kepada 0.

Kita boleh menggunakan window.setTimeout atau setTimeout Kedua-dua kaedah penulisan pada asasnya adalah sama, kecuali window.setTimeout merujuk kepada fungsi setTimeout sebagai sifat objek tetingkap global.

Contoh aplikasi:

tamat masa fungsi(){
Document.getElementById('res').innerHTML=Math.floor(Math.random()*100 1); }
setTimeout("timeout()",5000);


Apabila kod dilaksanakan, fungsi tamat masa() akan dipanggil selepas 5 saat Klik untuk melihat demonstrasi.
setInterval penggunaan
Parameter dan penggunaan fungsi setInterval adalah sama dengan fungsi setTimeout Sila rujuk pengenalan penggunaan fungsi setTimeout di atas. Perbezaannya ialah setInterval melaksanakan fungsi atau kod kod pada selang masa yang tetap. Contoh aplikasi:




Salin kod

Kod adalah seperti berikut: var tt = 10; fungsi timego(){ tt--;
Document.getElementById("tt").innerHTML = tt; Jika(tt==0){
           window.location.href='/';          kembali palsu; }
}
var timer = window.setInterval("timego()",1000);


Fungsi timego() mentakrifkan kandungan yang dipaparkan oleh elemen halaman #tt Apabila tt bersamaan dengan 0, halaman dihalakan ke halaman utama. Kemudian kami mentakrifkan pemasa pemasa dan menggunakan setInterval() untuk memanggil timego() setiap 1 saat. Dengan cara ini, timego akan dilaksanakan sebanyak 10 kali, dan setiap kali nombor tt akan dikurangkan sebanyak 1 sehingga menjadi 0. Kemudian jika anda ingin menghentikan pemasa, anda boleh menggunakan kod berikut:





Salin kod

Kod adalah seperti berikut:

window.clearInterval(pemasa); Apabila kod dilaksanakan, halaman akan melompat ke halaman utama selepas 10 saat Malah, setTimeout() juga boleh melaksanakan fungsi berulang kali pada selang masa yang tetap, tetapi kami masih menggunakan setTimeOut dan setInterval secara berbeza. Di samping itu, JavaScript berjalan dalam enjin JavaScript penyemak imbas dengan cara berutas tunggal Dalam aplikasi sebenar, tugasan yang kompleks perlu diatur untuk pelaksanaan, yang mungkin membawa kepada pemasa yang tidak tepat Isu ini perlu dipertimbangkan dalam aplikasi berskala besar artikel tidak Buat kajian mendalam.
Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!