JavaScript实现图片轮播图

最新推荐文章于 2024-01-02 07:57:02 发布

denggan8282

最新推荐文章于 2024-01-02 07:57:02 发布

阅读量186

点赞数

文章标签： javascript ViewUI

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

版权

<!DOCTYPE html>
<html>
<head>
<script >
var time;
function init(){
//设置定时操作
time=setInterval("show()",0);
//3秒执行一次
setInterval("show1()",1000);
}
var num=1;
function show1(){
if(num>4){
num=1;
}
var imageObj=document.getElementById("divshow1");
imageObj.src="img/"+ num++ +".jpg";
}
function show(){
//获得div元素
var divshow = document.getElementById("divshow");
divshow.style.display="block";
//清除之前的定时操作
//clearInterval(time);
//重新设置一个定时，3秒钟隐藏
//time=setInterval("hidden()",1000);
}
/*function hidden(){
var divshow=document.getElementById("divshow");
divshow.style.display="none";
clearInterval(time);
time=setInterval("show()",1000);
}*/
</script>
</head>
<body οnlοad="init()">
<div id="divshow" style="width: 99%; display: none;">
<img src="img/1.jpg" width="100%" id="divshow1"/>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/Jones-dd/p/7499676.html

denggan8282

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现图片轮播图

<!DOCTYPE html><html> <head> <script > var time; function init(){ //设置定时操作 time=setInterval("show()",0); //3秒执行一次 setInterval("show1()",1000); } var nu...
复制链接

扫一扫