注释已写。
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
// java习惯,主方法调用
function init(){
// setInterval("函数名",时间)方法设置的定时器
time=setInterval("showAd()",3000);
}
//设置3秒后显示图片
function showAd(){
//document.getElementById获取一个元素(传入一个html标签的id)
document.getElementById("gg").style.display="block";
//取消setInterval()方法设置的定时器,传入一个setInterval()的返回值
clearInterval(time);
time=setInterval("hiddenAd()",3000);
}
function hiddenAd(){
document.getElementById("gg").style.display="none";
//取消setInterval()方法设置的定时器
clearInterval(time);
}
</script>
</head>
<body >
<h1>广告轮播图</h1>
<p>三秒后显示图片,6秒后图片消失</p>
<!--onload,页面加载完成事件-->
<img onload="init()" src="https://img0.baidu.com/it/u=1130751398,2376127001&fm=253&fmt=auto&app=138&f=GIF?w=650&h=320" id="gg" style="display: none;height: 500px;width: 1000px;" >
</body>
</html>