for循环无法在javascript中工作
for Loop not working in javascript?
当我在浏览器中打开最后一个图像时,只显示它。为什么循环不起作用?
var i=0;
function set()
{
for(i=1; i<=5; i++)
{
var image = "<img src=images/sl" + i + ".jpg"+" width='500' height='300' style='margin-left:400px;' />";
document.getElementById("slider").innerHTML = image;
}
}
setInterval("set()","600");
<div id="slider">
<img src="images/sl1.jpg" />
</div>
我用javascript做了一个简单的滑块,但当我运行它时,它只显示我的图像文件夹中的最后一个图像,就像我有5个图像sl1|sl2|。。。sl5。。。只有我最后一张照片第五张。。。循环不工作。。
也许这就是你想要的?
function setImage(i) {
var image = "<img src=images/sl" + i + ".jpg" + " width='500' height='300' style='margin-left:400px;' />";
document.getElementById("slider").innerHTML = image;
}
function loopImages(i) {
setImage(i); // set current Image
if (i == 5) {
i = 1; // reset the counter
}
setTimeout(function () {
loopImages(i++);
}, "600"); // set next image in 600 ms
}
loopImages(1);
不知道你是想让它停在图像5上还是永远循环。。。
您必须附加到innerHTML
,而不仅仅是设置它。
var slider =document.getElementById("slider");
slider.innerHTML = slider.innerHTML + image;
-
每次更改DOM时,浏览器都必须重新呈现页面。为了获得更好的性能,只需将新的html存储在临时var.中即可
-
setInterval的第一个参数应该是函数名,而不是字符串。
var i=0;
function set()
{
var new_html = '';
for(i=1; i<=5; i++)
{
var image = "<img src=images/sl" + i + ".jpg"+" width='500' height='300' style='margin-left:400px;' />";
new_html += image;
}
document.getElementById("slider").innerHTML = new_html
}
setInterval(set,600);
<div id="slider">
<img src="images/sl1.jpg" />
</div>
相关文章:
- 在表单提交将DOM的一部分替换为分部之后,我应该将ajax成功绑定到什么来使我的javascript工作
- 我可以'不要让Javascript工作不正常
- 如何让我的html5功能不兼容警告使用javascript工作
- Excel Web Services 电子邮件 JavaScript 工作表
- 用于Google Fusion Table层的Javascript工作,但试图整理代码
- Bootstrap:如何附加一个类,并且仍然有BS Javascript工作
- JavaScript 工作队列
- JavaScript工作,直到我添加这个&&陈述
- 为什么不'在CasperJS中没有简单的JavaScript工作
- 如何"递归AJAX回调”;在JavaScript工作中
- 基本验证javascript工作不正常
- 需要帮助让这个字符串的Javascript工作
- HTML和JavaScript工作不正常
- 下拉菜单无法从CSS或Javascript工作
- 需要从erb生成一个非常特定的html来让javascript工作
- 如果javascript代码段未使用,它将阻止其他javascript工作
- 将内联事件处理程序移动到chrome扩展的javascript工作表
- 阻止其他Javascript工作的Javascript
- iframe阻止javascript工作
- 无法获取切换函数(JavaScript工作)