如何缓慢迭代 jquery 循环，并每次替换占位符文本答案

【问题标题】：How to iterate over a jquery loop slowly, and replace placeholder text each time如何缓慢迭代 jquery 循环，并每次替换占位符文本
【发布时间】：2016-07-02 17:16:46
【问题描述】：

我尝试了一些不同的方法，例如设置超时和每隔几秒调用一次函数，但我似乎可以让以下工作：

var searchText = ["1", "2", "3", "4", "5"];


    for(x = 0; x < searchText.length; x++){

        // set the placeholder text
        jQuery('.banner .search-field').attr('placeholder', searchText[x]);



    }

上面迭代了数组中的值，但速度太快，用户看不到。我可以通过检查 console.log 看到它工作正常

我尝试使用延迟功能，但无法正常工作。有什么办法可以延迟更新之间的时间？

【问题讨论】：

你希望它循环一次还是连续循环？
循环一次就可以了
setTimeout() 可以工作

标签： javascript jquery html placeholder

【解决方案1】：

您可以使用简单的for 循环和setTimeout 来完成，

var secs = 5;
var elem = jQuery('.banner .search-field');
for(x = 1; x <= secs; x++) {
  setTimeout(function(x) {
    elem.attr('placeholder', x);
  }, x * 1000, x);
}

DEMO

【讨论】：