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()方法
待续...
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()方法
待续...
相关文章推荐
- 最简单的JavaScript图片轮播代码(两种方法)
- 利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
- html js简单实现图片轮播功能
- JavaScript实现图片轮播组件代码示例
- JavaScript实现简单的图片轮播(通过点击左右焦点切换)
- 原生javascript实现图片自动轮播和点击轮播代码
- JavaScript仿商城实现图片广告轮播实例代码
- JavaScript代码实现简单的轮播图效果
- JavaScript实现简单图片轮播效果
- 简单几行javascript代码,实现动态倒计时功能
- JavaScript中的FileReader图片预览上传功能实现代码
- javaScript实现图片滚动及一个普通图片轮播的代码
- jQuery实现图片简单轮播功能示例
- 最简单的JavaScript图片轮播代码(两种方法)
- jQuery实现简单的图片轮播(二)-增加左右(或上下)翻页功能
- javascript 图片放大缩小功能实现代码
- 原生javascript实现图片轮播效果代码
- javascript实现图片循环渐显播放的代码(图片轮播)
- 纯原生javascript实现图片轮播切换效果代码。