欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery及JS實現(xiàn)循環(huán)中暫停的方法

 更新時間：2015年02月02日 09:33:37   作者：柯樂義  
這篇文章主要介紹了jQuery及JS實現(xiàn)循環(huán)中暫停的方法,以實例形式分析了循環(huán)中暫停的原理及實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了jQuery及JS實現(xiàn)循環(huán)中暫停的方法。分享給大家供大家參考。具體分析如下：

問題：

jquery對數(shù)組進(jìn)行循環(huán)，如果要求每次循環(huán)的時候暫停2秒鐘，在使用jQuery的.earch循環(huán)的時候，無論怎么設(shè)置，都不會暫停。
setTimeout也只是在第一次執(zhí)行的時候暫停。

原因猜測：

js開始執(zhí)行多線程？

改進(jìn)：

改為setInterval來控制循環(huán)，達(dá)到數(shù)組最大值的時候，clearInterval取消循環(huán)。

以下是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程序設(shè)計有所幫助。

相關(guān)文章

  • JavaScript 事件屬性綁定帶參數(shù)的函數(shù)

    JavaScript 事件屬性綁定帶參數(shù)的函數(shù)

    在JavaScript中，為了實現(xiàn)表現(xiàn)和控制相分離，可以通過0級的DOM事件屬性或者2級的事件模型來實現(xiàn)，不過這兩者在針對某個事件類型調(diào)用相應(yīng)的事件句柄的時候，不能給事件句柄提供參數(shù)，也就是說，事件屬性的值只能是一個函數(shù)引用。
    2009-03-03
  • 微信小程序生命周期和WXS使用實例詳解

    微信小程序生命周期和WXS使用實例詳解

    微信小程序中的wxs文件,大家或多或少都有見過,下面這篇文章主要給大家介紹了關(guān)于微信小程序生命周期和WXS使用的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-08-08
  • 簡單實現(xiàn)JS計算器功能

    簡單實現(xiàn)JS計算器功能

    這篇文章主要教大家簡單實現(xiàn)JS計算器功能,實現(xiàn)小數(shù)點校驗，重復(fù)計算，以及大量更符合用戶體驗的操作，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-12-12
  • JS回調(diào)函數(shù)簡單易懂的入門實例分析

    JS回調(diào)函數(shù)簡單易懂的入門實例分析

    這篇文章主要介紹了JS回調(diào)函數(shù),結(jié)合簡單實例形式分析了javascript回調(diào)函數(shù)的概念、原理、相關(guān)操作技巧與使用注意事項,需要的朋友可以參考下
    2019-09-09
  • JavaScript實現(xiàn)in-place思想的快速排序方法

    JavaScript實現(xiàn)in-place思想的快速排序方法

    這篇文章主要介紹了JavaScript實現(xiàn)in-place思想的快速排序方法的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
    2016-08-08
  • 詳解JS中常用的Fetch API

    詳解JS中常用的Fetch API

    Fetch API是一種用于進(jìn)行網(wǎng)絡(luò)請求的現(xiàn)代JavaScript API，提供了更簡潔、強(qiáng)大和靈活的方式來處理異步數(shù)據(jù)交互，本文主要為大家介紹了js中js中基本用法，感興趣的同學(xué)可以參考下
    2023-07-07
  • JS設(shè)計模式之單例模式（一）

    JS設(shè)計模式之單例模式（一）

    這篇文章主要為大家詳細(xì)介紹了JS設(shè)計模式之單例模式的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-09-09
  • 使javascript也能包含文件

    使javascript也能包含文件

    使javascript也能包含文件...
    2006-10-10
  • yepnope.js 異步加載資源文件

    yepnope.js 異步加載資源文件

    yepnope.js是一個能夠根據(jù)輸入條件來選擇性異步加載資源文件的js腳本，可以在頁面上僅加載用戶需要的js/css。
    2011-09-09
  • 使用TypeScript實現(xiàn)楊輝三角的代碼示例

    使用TypeScript實現(xiàn)楊輝三角的代碼示例

    楊輝三角,又稱帕斯卡三角,是一個數(shù)學(xué)上非常有趣和重要的概念,它是一種數(shù)學(xué)結(jié)構(gòu),它不僅可以用于組合數(shù)學(xué),還可以應(yīng)用于代數(shù)、概率和許多其他領(lǐng)域,在本文中,我們將通過使用?TypeScript?來編寫楊輝三角的程序,同時深入探討?TypeScript?的類型系統(tǒng)
    2023-09-09

最新評論