如何缓慢地遍历 jquery 循环，并每次替换占位符文本

How to iterate over a jquery loop slowly, and replace placeholder text each time

本文关键字：替换 文本 占位符 循环 jquery 何缓慢 缓慢 遍历      更新时间：2023-09-26

我已经尝试了一些不同的事情，例如设置超时和每隔几秒钟调用一个函数，但我似乎可以让以下内容工作：

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]);

    }

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

我尝试使用延迟功能，但无法使其工作。有没有办法让它在更新之间延迟？

你可以

用一个简单的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);
}

演示

相关文章：