JavaScript实现轮播图（隔3秒显示一张图）

最新推荐文章于 2025-03-30 03:06:16 发布

denggan8282

最新推荐文章于 2025-03-30 03:06:16 发布

阅读量1.4k

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Jones-dd/p/7499680.html

版权

<!DOCTYPE html>
<html>
<head>
<script>
var time;
function init(){
//获取div里面的东西
time=setInterval("show()",3000);
setInterval("show1()",3000);
}
var num=1;
function show1(){
if(num>3){
num=1;
}
var imageObj=document.getElementById("divshow1");
imageObj.src="img/"+ num++ +".jpg";
}
function show(){
var divshow = document.getElementById("divshow");
divshow.style.display="none";
clearInterval(time);
time =setInterval("hidden()",3000)
}
function hidden(){
var divshow=document.getElementById("divshow");
divshow.style.display="block";
clearInterval(time);
time =setInterval("show()",1000)
}

</script>
</head>

<body οnlοad="init()">
<div id="divshow" style="width: 99%; display: block;"><img src="img/1.jpg" width="100%" id="divshow1"/></div>
</body>
</html>