jQuery と JS_javascript スキルを使用してループ内で一時停止を実装する方法

この記事の例では、jQuery と JS がループ内で一時停止を実装する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

質問:

jquery は配列をループします。ループするたびに 2 秒の一時停止が必要な場合、jQuery の .arch ループを使用する場合、どのように設定しても一時停止しません。
setTimeout も、最初の実行時にのみ一時停止します。

原因推測:

js がマルチスレッドの実行を開始しますか?

改善点:

setInterval に変更してループを制御します。配列の最大値に達すると、clearInterval によってループがキャンセルされます。

次は 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>

次は 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>

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。