<!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>
原文：https://www.cnblogs.com/qurui1998/p/10494737.html