用js定时器切换背景图片，详细看下面代码，求js高手
<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><styletype="text/c...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
#bg_body{
background:url(1.jpg) no-repeat center #eee;
background-attachment:fixed;
height:1000px;
}
</style>
<script type="text/javascript">
window.onload=function(){
var oBody=document.getElementById('bg_body');
var oS=oBody.style;
function BgChenge(){
oS.backgroundImage='url(2.jpg)';
};
function BgPosition(){
oS.backgroundRepeat='no-repeat';
oS.backgroundPosition='center';
oS.backgroundAttachment='fixed';
};
function LoadMethod(){
BgChenge();
BgPosition()
};
setInterval(LoadMethod,1000);
};
</script>
</head>
<body id="bg_body">
</body>
</html>
我想通过js，每一秒都切换一张背景图，可是我不知道for循环怎么加，我只能让他切换一次，不能切换第二次或更多次，求解啊 展开
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
#bg_body{
background:url(1.jpg) no-repeat center #eee;
background-attachment:fixed;
height:1000px;
}
</style>
<script type="text/javascript">
window.onload=function(){
var oBody=document.getElementById('bg_body');
var oS=oBody.style;
function BgChenge(){
oS.backgroundImage='url(2.jpg)';
};
function BgPosition(){
oS.backgroundRepeat='no-repeat';
oS.backgroundPosition='center';
oS.backgroundAttachment='fixed';
};
function LoadMethod(){
BgChenge();
BgPosition()
};
setInterval(LoadMethod,1000);
};
</script>
</head>
<body id="bg_body">
</body>
</html>
我想通过js，每一秒都切换一张背景图，可是我不知道for循环怎么加，我只能让他切换一次，不能切换第二次或更多次，求解啊 展开
2个回答
展开全部
你背景图片就设置了一个2.jpg再切换也是这一张图片啊
如果有多张图片比如说1-10.jpg，那就把oS.backgroundImage='url(2.jpg)';改为oS.backgroundImage='url('+(parseInt(Math.random() * 10) + 1)+'.jpg)';
如果有多张图片比如说1-10.jpg，那就把oS.backgroundImage='url(2.jpg)';改为oS.backgroundImage='url('+(parseInt(Math.random() * 10) + 1)+'.jpg)';
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var oBody=document.getElementById('bg_body');
var oS=oBody.style;
function BgChenge(){
oS.backgroundImage='url(2.jpg)';
};
function BgPosition(){
oS.backgroundRepeat='no-repeat';
oS.backgroundPosition='center';
oS.backgroundAttachment='fixed';
};
function LoadMethod(){
BgChenge();
BgPosition()
};
请提到window.onload外面
window.onload里面只要LoadMethod();window.setInterval(LoadMethod,1000);
var oS=oBody.style;
function BgChenge(){
oS.backgroundImage='url(2.jpg)';
};
function BgPosition(){
oS.backgroundRepeat='no-repeat';
oS.backgroundPosition='center';
oS.backgroundAttachment='fixed';
};
function LoadMethod(){
BgChenge();
BgPosition()
};
请提到window.onload外面
window.onload里面只要LoadMethod();window.setInterval(LoadMethod,1000);
更多追问追答
追问
现在的问题是，背景能够切换，我想让他切换多张照片，而不是这样只能切换一张图片，就是说要把backgroundImage='url(2.jpg)';中的2换成变量，通过for循环，或者别的方法实现多张图片的切换，不是现在由1.jpg到2.jpg
而且，如果把var oBody=document.getElementById('bg_body');提到window.onload外面的话，根本找不到id
追答
那就定义个个数组里面的是1.jpg,2.jpg 等等 在用一个math.random 取得它的索引值 ，math.random 索引值的范围是可以设定的，还要判断是否大于数组的长度-1
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
