您的位置:首页 > Web前端 > JavaScript

javascript 超简单代码实现图片轮播功能

2016-11-04 19:23 836 查看
一 利用setInterval()方法

1.

<script type="text/javascript">

var tus=["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg"];

var i=0;

setInterval("document.getElementById('tupian').src=tus[i];i++",1000);

</script>

2.

<script type="text/javascript">

var i=1;

setInterval("document.getElementById('tupian').src=i+'.jpg';i++",1000);

</script>

1与2本质相同 只不过一个用了数组 一个用了字符串(红色字体部分)

二 利用setTimeout()方法

待续...
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: