<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
max-height: 400px;
width: 2000px;
margin: 0 auto;
}
</style>
<script>
window.onload=function(){
time=setInterval("showImg()",1000);
time1=setInterval("hiddenImg()",3000);
}
function showImg(){
document.getElementById("img1").style.display="block";
clearInterval(time);
}
function hiddenImg(){
document.getElementById("img1").style.display="none";
clearInterval(time1);
}
</script>
</head>
<body>
<div>
<img src="img/banner1.jpg" id="img1" style="display: none;" />
</div>
</body>
</html>
