使用JS轮播-优快云博客

本文介绍了window.setInterval函数，它可按指定周期执行函数或代码段。该函数有两个必选参数，一是执行的函数名或代码段，二是间隔时间（单位毫秒）。同时提到window对象提供的是全局函数，调用时可省略window。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
   <script src="../js/marq.js" type="text/javascript"></script>
</head>
<body>
   
    <div>
        <img src="../img/1.JPG" width="50%" id="advImg" onmouseover="stopImg()" onmouseout="startImg()"/>
    </div>
</body>
</html>

//window.onload加载事件在页面内容加载完成之后立即执行相应的函数。
window.onload = showImg;
//轮播
//定义一个定时器标识
var marqTimer;
function showImg() {
	marqTimer = setInterval("changeImg()", 2000);
	
}
//切换图片的函数
//定义在函数外面的变量是全局变量
var index = 1;
function changeImg() {
	index++;
	//改变图片地址
	document.getElementById("advImg").src = "../img/" + index + ".jpg";
	if (index == 3) {
		//从第一张图片开始播放
		index = 0;
	}
}
//鼠标悬停
function startImg() {
	marqTimer = setInterval("changeImg()", 2000);
}
//鼠标拿走
function stopImg() {
	clearInterval(marqTimer);
}