JavaScript简单的实现幻灯片效果
的有关信息介绍如下:如何利用JavaScript简单的实现幻灯效果
让图片每隔1秒播放一张图片
准备好三张图片,并且统一有规律命名,例如:01.jpg,02.jpg,03jpg
先输出一张图片,利用setTimeout定时器,定时跳转数字,改变img。src属性,实现轮播
HTML:如下代码实例
JavaScript代码:
var i =0;
function $(id){
return document.getElementById(id);
}
function add(){
i++;//自增变化
$("img").src="0"+i+".jpg";//实现对img.src属性控制
if(i>2){ //注意控制图片数量
i=0;
}
setTimeout('add()',1000); //定时器控制播放时间
}
add();调用函数
版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/answer/126111.html