需求：用户打开网页5秒后显示广告，广告显示5秒后自动关闭。
步骤分析：
（1）确定事件：页面加载完成事件 onload
（2）事件要触发的函数：startTimer()
（3）startTimer()函数中：启动定时器setTimeout()
（4）定时器中：5秒后执行showImg()函数显示广告
（5）showImg()函数中：启动定时器setTimeout()
（6）定时器中：5秒后执行hideImg()函数隐藏广告
代码如下：
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function showImg(){
var img=document.getElementById("img1");
img.style.display="block";
setTimeout("hideImg()",5000);
}
function hideImg(){
var img=document.getElementById("img1");
img.style.display="none";
}
function startTime(){
setTimeout("showImg()",5000);
}
</script>
</head>
<body onload="startTime()">
<img src="img/1.jpg" id="img1"/ style="display: none;">
</body>
</html>