JavaScript实现轮播图(隔3秒显示一张图)
<!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>
转载于:https://www.cnblogs.com/Jones-dd/p/7499680.html
- 点赞
- 收藏
- 分享
- 文章举报
- JavaScript实现图片轮播和鼠标悬停显示
- javascript实现日期时间动态显示
- JavaScript原生——实现一个轮播图
- JavaScript实现动态的轮播图效果
- JavaScript实现图片轮播器
- MFC实现当鼠标移动到button按钮上时是显示一张图片,移开显示另外一张,点击是显示另外一张
- javascript实现table选中的行以指定颜色高亮显示的方法
- 【前端】javascript+jQuery实现旋转木马效果轮播图slider
- 每日一题_JavaScript.利用纯JavaScript Dom Core实现图片轮播效果?
- 【javascript】表格行间隔显示颜色,并实现高亮显示效果
- 五滴水:使用Ajax+jQuery来实现前端收到的数据在console上显示+简单的主页设计与bootstrap插件实现图片轮播
- javascript简单实现表格行间隔显示颜色并高亮显示
- JavaScript实现显示和隐藏页面中的某个部分
- MFC实现窗口透明,并显示一张透明PNG图片
- JavaScript结合AJAX_stream实现流式显示
- Javascript中的DOM实现显示鼠标的空间位置
- JavaScript代码实现简单的轮播图效果
- jQuery实现图片轮播且鼠标可控制显示,使用animate函数
- 使用Fresco实现简单的显示一张图片
- 20180724- JavaScript-实现轮播特效-轮播插图内容和样式