如何使用jQuery处理数组

debugcn 发表于 Dev

丹尼尔

我正在使用jQuery创建搜索栏，并且我的代码粘贴在下面

var inputSearch     = $('.searchInput').hide(); 
var searchArray     = ['s','e','a','r','c','h'];
var searchReturn    = '';

$('#search').on('click', function(){

    $(inputSearch).fadeToggle(500).focus();


    for(var i = 0 ; i < searchArray.length ; i++){

        searchReturn = searchReturn + searchArray[i];

    }   

    $(inputSearch).attr('placeholder', searchReturn[0]);

});

注意：现在，我仅将数组的第一个索引用于输入属性。

$(inputSearch).attr('placeholder', searchReturn[0]);

现在每隔一秒钟我就想attr()更新我的

$(inputSearch).attr('placeholder', searchReturn[0] + searchReturn[1]);

下一秒

$(inputSearch).attr('placeholder', searchReturn[0] + searchReturn[1] + searchReturn[2]);

等等 ...

亚历山大·拉扎列夫（Alexander Lazarev）

您必须使用setInterval函数，而不是for循环。这是您可以执行的操作：

$('#search').on('click', function(){
        $(inputSearch).fadeToggle(500).focus();

        var i = 0; 
        var interval = setInterval(function() {            
            searchReturn = searchReturn + searchArray[i];            
            $(inputSearch).attr('placeholder', searchReturn);
            if(i == searchArray.length - 1) {
              clearInterval(interval)    
            }
            i++;
        }, 2000);   

    });

这是小提琴：https : //jsfiddle.net/fpLf1to4/1/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。