使用jquery一次显示一个iframe中的链接列表

好的，所以我需要一个脚本来获取数组中的url列表的帮助，然后在iframe中一次显示一个url，并允许我在链接周围放置一个边框到列表的下一个项目INSIDE iframe中。 我需要它显示页面大约3秒钟，然后显示下一页，然后显示下一页，依此类推，但一次只显示一页。

这是我到目前为止的地方：

var links = ["link1", "link2", "link3"]; for (var i = 0; i < links.length; i++) { $("#viewer iframe") .attr('src', "http://www.mysite.com/" + links[i]) .load(function() { $(this).contents().find("a[href*='" + links[i+1] + "']").css("border", "1px solid black");}); setTimeout('$("#viewer iframe").attr("src", "")', 3000); } 

这可以显示数组中的第一个链接，然后在3秒后将iframe src设置为空，但不显示后续链接。

Answer 1

试试这个：

 var links = ["link1", "link2", "link3"]; var current = 0; function showNextLink() { if (current >= links.length) { return; } $("#viewer iframe") .attr('src', "http://www.mysite.com/" + links[current]) .load(function() { if (current < links.length) { $(this).contents().find("a[href*='" + links[current+1] + "']").css("border", "1px solid black");}}); current++; setTimeout(arguments.callee, 3000); } showNextLink();