我想在.each函数中使用settimeout()函数。基本上我想要显示每个图像5秒然后下一个但我只能看到最后一个图像。.each执行并且不会停止3秒。我怎么能这样做?这就是我在做的事情。
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#Images').find('li').each(function () {
var img = this;
setTimeout(function () {
Start(img);
}, 3000);
});
});
function Start(img) {
$('#slideshow').html(img);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="slideshow">
</div>
<div style="display:none;">
<ul id="Images">
<li><img src="images/ajax-loader.gif" /></li>
<li><img src="images/Ajax Loader White.gif" /></li>
<li><img src="images/fancybox_sprite.png" /></li>
</ul>
</div>
</form>
答案 0 :(得分:1)
试试这个:
$('#Images').find('li').each(function (k,v) {
var img = this;
changeImg(img, k);
});
function changeImg(img, k) {
setTimeout(function () {
Start(img);
}, 3000*(k+1));
}
答案 1 :(得分:0)
试试这个
var images = $('#Images').find('li');
var imageCount = images.length;
var counter = 0;
setTimeout(function(){
Start(images[counter++]);
if(counter>=imageCount)
counter =0 ;
},3000);