<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轮播图</title>
</head>
<body>
<img src="../img/1.jpg" width="30%" id="img1">
<script>
//修改图片属性的方法
var number = 1;
function fun() {
number++;
if (number>2){
number=1;
}
//获取图片对象
var img = document.getElementById("img1");
img.src = "../img/"+number+".jpg";
}
//设置定时器
setInterval(fun,3000);
</script>
</body>
</html>
JavaScript 简单轮播图、使用定时器方法
最新推荐文章于 2023-05-18 20:23:20 发布