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();调用函数