javascript如何实现定时几秒换图片
javascript如何实固定几秒换图片 比如网页一张图片固定3秒要换一张 怎么实现？
二楼的能否具体一点 img的id是什么 还有src="XX 这个是不是图片的地址 如果我图在image/1.JPG 和image/2.JPG 怎么写
è¿ä¸ªä¸»è¦æ¯ç¨äºjsçå®æ¶å¨åè½ãä¸é¢æ¯ç®åç代ç ï¼ä» ä¾åèï¼
<style>*{ margin:0; padding:0; list-style:none;}
#box{ width:840px; border:1px solid #000; height:210px; margin:30px auto; position:relative; overflow:hidden;}
#box ul{ position:absolute; left:0; top:0;}
#box ul li{ width:200px; height:200px; float:left; padding:5px;}
</style>
<script>
window.onload=function(){
var oBox=document.getElementById('box');
var oUl=oBox.children[0];
var aLi=oUl.children;
//å¤å¶ä¸ä»½å 容
oUl.innerHTML+=oUl.innerHTML;
oUl.style.width=aLi.length*aLi[0].offsetWidth+'px';
setInterval(function(){
var l=oUl.offsetLeft+10;
if(l>=0){
l=-oUl.offsetWidth/2;
}
oUl.style.left=l+'px';
},30);
};
</script>
</head>
<body>
<div id="box">
<ul>
<li><img src="img/1.jpg" width="200"></li>
<li><img src="img/2.jpg" width="200"></li>
<li><img src="img/3.jpg" width="200"></li>
<li><img src="img/4.jpg" width="200"></li>
</ul>
</div>ç®åç说ä¸ä¸å®æ¶å¨ï¼
setIntervalå®ä¹åç¨æ³
setInterval() æ¹æ³å¯æç §æå®çå¨æï¼ä»¥æ¯«ç§è®¡ï¼æ¥è°ç¨å½æ°æ计ç®è¡¨è¾¾å¼ã
setInterval() æ¹æ³ä¼ä¸åå°è°ç¨å½æ°ï¼ç´å° clearInterval() 被è°ç¨æçªå£è¢«å ³éãç± setInterval() è¿åç ID å¼å¯ç¨ä½ clearInterval() æ¹æ³çåæ°ã
è¯æ³
setInterval(code,millisec[,"lang"])
åæ°
code å¿ éãè¦è°ç¨çå½æ°æè¦æ§è¡ç代ç 串ã
millisec å¿ é¡»ãå¨ææ§æ§è¡æè°ç¨ code ä¹é´çæ¶é´é´éï¼ä»¥æ¯«ç§è®¡ã
温馨提示：内容为网友见解，仅供参考
第1个回答 2009-07-19
把图片路径存入数组，用定时器
第2个回答 推荐于2017-09-21
<body>
<script type="text/javascript">
setInterval(show,2000);//每隔2秒改变一次
function show()
{
var number = Math.ceil(Math.random()*2);//有几张图片就乘以几
document.getElementById("radom_img").src="image/"+number+".jpg";//随机显示的话可以用随机函数来生成相应的图片名
}
</script>
<img id="radom_img" width="700" height="500"/>
//img的id就是图片标签的id本回答被提问者采纳
<script type="text/javascript">
setInterval(show,2000);//每隔2秒改变一次
function show()
{
var number = Math.ceil(Math.random()*2);//有几张图片就乘以几
document.getElementById("radom_img").src="image/"+number+".jpg";//随机显示的话可以用随机函数来生成相应的图片名
}
</script>
<img id="radom_img" width="700" height="500"/>
//img的id就是图片标签的id本回答被提问者采纳
第3个回答 2009-07-21
思路是，每隔3000ms执行一次函数，函数将图片URL指向一个数组的下一位元素
<head><script type="text/javascript">
var char = ["image/1.jpg","image/2.jpg","image/3.jpg"];
var i = 0;
function changeImage()
{
if (i >= char.length) {i = 0;}
doucument.getElementById(img1).ImageUrl = char[i];
i++;
}
function rapidChange()
{
setTimeout(changeImage,3000);
}
</script>
</head>
<body>
<script type="text/javascript">
window.onload = rapidChange();
</script>
<asp:Image ID="img1" runat= server/>
</body>
如果有不了解的，可以来我空间hi我
<head><script type="text/javascript">
var char = ["image/1.jpg","image/2.jpg","image/3.jpg"];
var i = 0;
function changeImage()
{
if (i >= char.length) {i = 0;}
doucument.getElementById(img1).ImageUrl = char[i];
i++;
}
function rapidChange()
{
setTimeout(changeImage,3000);
}
</script>
</head>
<body>
<script type="text/javascript">
window.onload = rapidChange();
</script>
<asp:Image ID="img1" runat= server/>
</body>
如果有不了解的，可以来我空间hi我
相似回答
