效果图:打开网页,每隔个三秒切换图片
具体代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>轮播图</title>
</head>
<body>
<img src="./images/test3.jpg" style="width:400px; height:500px">
<script>
var picture = document.getElementsByTagName("img")[0];
//setInterval方法接收两个参数,第一个参数是间歇时间结束后执行的js代码,第二个参数是间歇时长
var id = setInterval(shift,3000);
var count = 0;
function shift(){
count++;
if(count>3){
count = 1;
}
picture.src = "./images/test"+count+".jpg";
}
//清除间歇时间
// clearInterval(id);
</script>
</body>
</html>