问题描述
如下图所示每隔十秒依次把图片播放出来
解决方案
解决方案二：
用setInterval()
解决方案三：
setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过了那个固定的时间间隔，它还会自动重复执行代码，而setTimeout只执行一次那段代码。
解决方案四：
setInterval("",1000)functionchange(){document.images[0].src="";}
解决方案五：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metahttp-equiv="Content-Language"content="zh-cn"/><title>图片自动更新</title><styletype="text/css">*{margin:0;padding:0;}#main{margin:50px0050px;width:198px;height:198px;border:1pxsolid#000000;overflow:hidden;}#image{position:relative;}#image1,#image2,#image3{width:198px;height:198px;background-color:red;}#image2{background-color:pink;}</style><scripttype="text/javascript">vari=0;functionshowimage(){document.getElementById("image").style.top=i+"px";if(i>=-198){i--;t=setTimeout("showimage()",30);}}</script></head><body><divid="main"><divid="image"><pid="image1">image1</p><pid="image2">image2</p><pid="image3">image3</p></div></div><inputtype="submit"value="滚动图片"onclick="showimage();"/></body></html>
试试我的这个代码