Question

怎么用JS定时换一个图片

比如
<div class="a"></div>比如这个一开始背景图片为1，每隔一段时间换一张怎么写JS呢？谢谢大家指点

Answer 1

思路：
function changeImg()
{
//取得你的DIV，设置图片
}

setInterval("changeImg()",5000);//表示5秒调一下换图片的函数

追问

可以详细点吗？比如我5秒换一张一共有10张呢？？谢谢了

追答

好吧。
你是不知道如何切换是吧，例如你有10张图片用来切换，路径和文件名总是知道的吧，我每隔5秒提取一张出来。如何能提取到下一张图片呢？那么，在页面上html代码中加一个隐藏域，用来存放当前要提取第几张，也就是数组下标：

JS 函数这样写：
var imgArr = ["1.jpg","2.jpg"...];
function changeImg()
{
var myDiv = document.getElementById("myDiv");
var index = document.getElementById("imgIndex").value;//取得当前下标
myDiv.backgroundimage = imgArr[index];
if (new Number(index) == 9)
{
document.getElementById("imgIndex").value = '0';
}
else
{
document.getElementById("imgIndex").value = new Number(index ) + 1;
}
}

setInterval("changeImg()",5000);//表示5秒调一下换图片的函数

当然你得把图片路径拼上啊，我这里只写了个文件名，这样是找不到图片的。另外我是手工在这里敲的，代码没调试过，你试试，有问题百度HI问我

追问

呜呜 不懂哦 假设如下

body部分里面

CSS部分

.a{ width:264px; height:408px; background-image:url(test/1.jpg)}

现在是图片1.jpg我隔5秒换2在换3少点到5 嘿嘿 一直循环 呵呵 能写个全的不？
麻烦您了

追答

写代码很累的呀，老大，我不干了！
我就不信了，这么说吧。
1) body部分:

2) CSS部分不变
3)JS部分：

var imgArr = ["1.jpg","2.jpg"...];

function changeImg()
{
var myDiv = document.getElementById("myDiv");
var index = document.getElementById("imgIndex").value;//取得当前下标
myDiv.style.backgroundimage = imgArr[index];
if (new Number(index) == 9)
{
document.getElementById("imgIndex").value = '0';
}
else
{
document.getElementById("imgIndex").value = new Number(index ) + 1;
}
}

OK了，完工。你弄10个图片放到我那个数组里，含路径的，不然找不到。或者你直接把图片放在该JSP所在目录，测试一下。这样就不用管路径的事了。调通了再改路径

追问

请问var index = document.getElementById("imgIndex").value;//取得当前下标想问下 这个Id怎么回事啊 找不到的

追答

哦，忘记说了，放在body部分

Answer 2

你说的是轮播图吗