Rumah > hujung hadapan web > tutorial js > Bagaimana untuk melaksanakan jeda dalam gelung dengan kemahiran jQuery dan JS_javascript

Bagaimana untuk melaksanakan jeda dalam gelung dengan kemahiran jQuery dan JS_javascript

WBOY
Lepaskan: 2016-05-16 16:16:21
asal
1171 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara jQuery dan JS melaksanakan jeda dalam gelung. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Soalan:

jquery menggelung tatasusunan Jika anda memerlukan jeda selama 2 saat setiap kali ia menggelung, apabila menggunakan gelung .earch jQuery, tidak kira bagaimana anda menetapkannya, ia tidak akan berhenti seketika.
setTimeout juga hanya menjeda kali pertama ia dilaksanakan.

Sebab tekaan:

js mula melaksanakan multi-threading?

Penambahbaikan:

Tukar kepada setInterval untuk mengawal gelung Apabila nilai maksimum tatasusunan dicapai, clearInterval membatalkan gelung.

Berikut ialah kod jQuery:

<script type="text/javascript">
var arr = new Array();
var arrk = 0;
jQuery(function() {
arr[0] = "aaa.keleyi.com";
arr[1] = "bbb.keleyi.com";
arr[2] = "ccc.keleyi.com";
mytime = setInterval(function(){showme()}, 2000);
function showme(){
alert(arr[arrk]);
arrk += 1;
if(arrk>2) clearInterval(mytime);
}
});
</script>
Salin selepas log masuk

Berikut ialah kod Javascript:

<script type="text/javascript">
var arr = new Array();
var arrk = 0; 
arr[0] = "aaa.keleyi.com";
arr[1] = "bbb.keleyi.com";
arr[2] = "ccc.keleyi.com";
mytime = setInterval(function () { showme() }, 2000);
function showme() {
alert(arr[arrk]);
arrk += 1;
if (arrk > 2) clearInterval(mytime);
}
</script>
Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

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