js播放图片

最新推荐文章于 2023-02-18 23:17:02 发布

pxz123

最新推荐文章于 2023-02-18 23:17:02 发布

阅读量515

点赞数

分类专栏： JS 文章标签： javascript function

本文链接：https://blog.csdn.net/pxz123/article/details/7586272

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>Test</title>


<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
//设置时间间隔，单位秒
var intervalTime = 1; 


//记录当前显示图片的序列号
current = -1;


//图片名称数组
var imageArray = ['images/m01.jpg','images/ilu.jpg','images/m02.jpg','images/m03.jpg'];


//播放图片的方法
function playImages() {
//获得下一张图片的序列号
current = (current == imageArray.length-1) ? 0 : current+1;

//设置图片路径，show为img标签的name
document.images.show.src = imageArray[current];

//设置回调，进行函数的轮询调用
window.setTimeout("playImages()", intervalTime*1000);


}


//  End -->
</script>
</head>
<body>




<center>


<table cellspacing=1 cellpadding=4 bgcolor="#000000">


<tr>
<td align=center bgcolor="white"width=0 height=150>
<img src="images/m01.jpg" name="show"   style="cursor:pointer;" οnclick="javascript:window.open(this.src);" οnlοad="return imgzoom(this,600);"/></td>
</tr>


</table>


</center>
</body>
</html>


<script>
//放在页面的最后才有效，不清楚原因
playImages();
</script>

pxz123

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js播放图片

Test//设置时间间隔，单位秒var intervalTime = 1; //记录当前显示图片的序列号current = -1;//图片名称数组var imageArray = ['images/m01.jpg','images/ilu.jpg','images/m02.jpg','images/m03.jpg'];//播放图片
复制链接

扫一扫