<script>
var index = -1;
var timer;
var picArr = new Array();
picArr[0]="images/01.jpg";
picArr[1]="images/02.jpg";
picArr[2]="images/03.jpg";
picArr[3]="images/04.jpg";
picArr[4]="images/05.jpg";
function show()
{
index++;
if(index>4)
{
index=0;
}
document.getElementById('pic').src = picArr[index];
document.getElementById('num').innerHTML=index+1;
timer =setTimeout('show()',1000)
}
function showNext()
{
clearTimeout(timer);
show()
}
function showPre()
{
clearTimeout(timer);
index--;
if(index<0)
{
index=0;
}
document.getElementById('pic').src=picArr[index];
document.getElementById('num').innerHTML=index+1;
timer =setTimeout('show()',1000)
}
window.onload = show;
</script>
实现带左右按钮控制焦点图片切换
最新推荐文章于 2023-08-26 15:01:44 发布
这段代码定义了一个图片轮播功能,使用JavaScript实现。它包含了变量定义、数组存储图片路径、show函数用于自动切换图片,showNext和showPre函数分别用于手动向前和向后切换图片,同时利用setTimeout进行定时切换。页面加载完成后自动开始轮播。
摘要由CSDN通过智能技术生成