怎么使jquery的each循环每执行一次，停一段时间再执行下一次循环呢

2013-06-07 09:32:11 3.8k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

IC设计效率翻倍！Verilog-mode的AUTOWIRE/AUTOINST组合使用技巧本文详细介绍了在Emacs的verilog-mode插件中，如何组合使用AUTOWIRE与AUTOINST功能，实现Verilog代码的智能自动化连接与维护。通过声明式编程思想，该组合能自动生成模块实例化连接和线网声明，并配合AUTO_TEMPLATE处理复杂映射，从而大幅提升IC顶层设计的效率和可靠性，减少手动连线的错误。阅读详情

怎么使jquery的each循环每执行一次，停一段时间再执行下一次循环呢
，用了setTimeout，没效果。。如下是源代码
$(function(){
$("#btn").click(function(){
$.ajax({
type:"POST",
url:"Common.asmx/SendMsgs",
data:"{}",
contentType:"application/json",
dataType:"json",
success:function(data){
var jsonData=data.d;
var jsonTable=jQuery.parseJSON(jsonData);
$.each(jsonTable.jsonName,function(i,item){
var oldHtml="<span>我: "+item.id+"</span><br/>"+"<span>"+item.age+"</span>";
$("<p>").html(oldHtml).appendTo($("div")).css({color:"red"});
setTimeout("function(){return false;}",5000);
});

},
error:function(){
alert("error");
}

});
});
});

===========WEB服务==============
[WebMethod]
public string SendMsgs()
{
return "{\"jsonName\":[{\"id\":\"001\",\"age\":\"10\"},{\"id\":\"002\",\"age\":\"20\"},{\"id\":\"003\",\"age\":\"30\"}]}";
}

...全文

别再花屏了！手把手教你用STM32CubeIDE搞定LVGL 8.3移植（附完整源码）本文详细介绍了如何在STM32CubeIDE环境下成功移植LVGL 8.3，解决常见的花屏问题。从环境配置、显示驱动优化到编译警告处理，提供完整的实战方案和源码示例，帮助开发者快速实现流畅的嵌入式GUI界面。特别针对STM32平台的DMA2D加速和内存管理进行了深度优化。阅读详情

kangshaofei

.NET社区 62,272 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

kangshaofei 2013-06-07

打赏
举报

，明白了，太感谢你了

md5e 2013-06-07

打赏
举报

因为setTimeout不是一次只能执行一个，他是异步执行的如果不用i的话就会是 setTimeout(...,1000) setTimeout(...,1000) setTimeout(...,1000) 1秒后三个同时执行，可能之间相差几微秒,用了i，就变成 setTimeout(...,0)//立刻 setTimeout(...,1000)//1秒后 setTimeout(...,2000)//2秒后

kangshaofei 2013-06-07

打赏
举报

这个确实可以了，真牛X，感谢大牛！！！！！！

不过可以解释下，为什么要i*1000呢，直接1000确不行

人生难得一只鸡 2013-06-07

打赏
举报

 $.each(jsonTable.jsonName, function (i, item) {
                var oldHtml = "<span>我: " + item.id + "</span><br/>" + "<span>" + item.age + "</span>";
                setTimeout(function () {
                    $("<p>").html(oldHtml).appendTo($("div")).css({ color: "red" });
                }, i*5000);
            });

md5e 2013-06-07

打赏
举报

setTimeout("$(\"<p>\").html(\"<span>我: " + item.id + "</span><br/>" + "<span>" + item.age + "</span>\").appendTo($(\"div\")).css({ color: \"red\" })", i * 1000); 这样应该没有问题吧

md5e 2013-06-07

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <script src="/Scripts/jquery-1.4.1.js"></script> <script> jQuery(document).ready(function () { jQuery("#a1 li").each(function (i, item) { setTimeout("jQuery(\"#a1 li\").eq(" + i + ").html(" + i + ")", i * 1000); }); }); </script> <body> <form id="form1" runat="server"> <div id="a1"> <ul> <li></li> <li></li> <li></li> </ul> </div> </form> </body> </html>

tianyichuanqi 2013-06-07

打赏
举报

可以参考Jquery的 sleep()函数。


(function($)
{
	var _sleeptimer;
	$.sleep = function( time2sleep, callback )
	{
		$.sleep._sleeptimer = time2sleep;
		$.sleep._cback = callback;
		$.sleep.timer = setInterval('$.sleep.count()', 1000);
	}
	$.extend ($.sleep, {
		current_i : 1,
		_sleeptimer : 0,
		_cback : null,
		timer : null,
		count : function()
		{
			if ( $.sleep.current_i === $.sleep._sleeptimer )
			{
				clearInterval($.sleep.timer);
				$.sleep._cback.call(this);
			}
			$.sleep.current_i++;
		}
	});
})(jQuery);

kangshaofei 2013-06-07

打赏
举报

还是不行，

md5e 2013-06-07

打赏
举报

setTimeout($("<p>").html(oldHtml).appendTo($("div")).css({color:"red"}),i*5000 )

kangshaofei 2013-06-07

打赏
举报

不行啊，还是一下出来3条数据呢

md5e 2013-06-07

打赏
举报

setTimeout("function(){return false;}",i*5000);

怎么使jquery的each循环每执行一次，停一段时间再执行下一次循环呢

相关推荐