专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > Java Web开发

如何样实现图片间隔时间更换

发布时间:2010-05-31 06:18:12 文章来源:www.iduyao.cn 采编人员:星星草
怎么样实现图片间隔时间更换
怎么样实现图片间隔时间更换,几篇新闻图片链接到新闻,把图片在首页显示,可以选择图片,然后点击图片看文章,一般情况是隔4秒更换一次图片

------解决方案--------------------
<HTML>
<HEAD>
<script>

document.open();
document.write( ' <img name= "airplane " src= "1.jpg "> ');
document.close();
var i=1;

aa();
function aa()
{
var myImage=new Array( "1.jpg ", "2.jpg ");
i++;
if((i%2)==1)
{
document.images[ "airplane "].src=myImage[0];
}
else
{
document.images[ "airplane "].src=myImage[1];
}
setTimeout( "aa() ",1000);
}

</script>
</HEAD>

<BODY>


</BODY>
</HTML>


------解决方案--------------------
baidu input "javascript "
------解决方案--------------------
javascript中只有一个定时方法,就是settimeout
window.setTimeout(vCode, iMilliSeconds [, sLanguage])

例如:
setTimeout( "changePic(1) ",4000);
changePic(num){
form1.img1.src= "./pic/pic " + num + ".jpg ";
}

setTimeout语句被执行后的4秒钟后changePic方法就会被执行。
如果你想持续更新,就做个递归调用,把chagePic函数写成这样:
changePic(num){
form1.img1.src= "./pic/pic " + num + ".jpg ";
setTimeout( "changePic( " +(num+1) + ") ",4000);
}
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: