<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>广告闪现优化</title>
<script src="js/jquery-3.4.0.js"></script>
<script>
$(function () {
function show() {
$("div").show("slow");
setTimeout(hide,2000);
}
function hide() {
$("div").hide();
}
setInterval(show,3000);
});
</script>
</head>
<body>
<div style="width: 300px;height: 300px;background: green" align="center" ></div>
</body>
</html>
第二种
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
img{
display:none;
}
</style>
<script src="js/jquery-3.4.0.js"></script>
<script>
$(function () {
setInterval(showAd,4000);
function showAd() {
$("#img").css("display","block");
setTimeout(hideAd,1000);
};
function hideAd() {
$("#img").css("display","none");
};
});
</script>
</head>
<body>
<img src="img/3.jpg" height="200" width="200" id="img"/>
</body>
</html>