黑马程序员技术交流社区

标题: 轮播图案例的练习，注意ElementD的获取和方法调用 [打印本页]

作者: 英雄大结局 时间: 2019-4-25 13:51
标题: 轮播图案例的练习，注意ElementD的获取和方法调用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>轮播图</title>
</head>
<body>
<img id="img" src="img/banner_1.jpg" width="100%">
<img id="off" src="img/off.gif">
<script>

var img = document.getElementById("img");
var number = 1;
function fun() {
      number++;
      if (number>3){
         number=1;
      }
      img.src="img/banner_"+number+".jpg";
}
setInterval(fun,3000);
var off = document.getElementById("off");
function fun2() {
      off.src="img/on.gif";
}
setTimeout(fun2,5000);
</script>
</body>
</html>

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2