JS 广告倒计时十秒

最新推荐文章于 2022-11-24 19:39:03 发布

小橙子33

最新推荐文章于 2022-11-24 19:39:03 发布

阅读量398

点赞数

分类专栏：例题文章标签： javascript

本文链接：https://blog.csdn.net/qq_48991522/article/details/120212189

版权

例题专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#box{
				width: 400px;
				height: 200px;
				margin: 100px auto;
				position: relative;
			}
			span{
				position: absolute;
			}
		</style>
	</head>
	<body>
		<div id="box">
			<span id="span1">
			</span>
			<img src="./00.jpg" id="img1">//广告图片
			
		</div>
		
	</body>
</html>
<script type="text/javascript">
	function time(){
		var num =document.getElementById("span1");
		var im =document.getElementById("img1");
		num.innerHTML="10";
		var time = setInterval(function(){
			num.innerHTML--;
			if(num.innerHTML == 0){
				im.style.display ="none";
				num.style.display ="none";
				clearInterval(time);
			}
		},1000);
		}
	time();	
	
	
</script>