JS 实现定时操作隐藏显示图片（setInterval() clearInterval()）

最新推荐文章于 2023-05-18 14:00:43 发布

崔西儿

最新推荐文章于 2023-05-18 14:00:43 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签： JS

本文链接：https://blog.csdn.net/qq_41566772/article/details/83544776

版权

前端专栏收录该内容

17 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		
		<script>
			function init(){
				time = setInterval("showAd()",3000);
			}
			function showAd(){
				document.getElementById("img1").style.display="block";
				//清除显示图片的定时操作
				clearInterval(time);
				
				time = setInterval("hiddenAd()",3000);
			}
			function hiddenAd(){
				document.getElementById("img1").style.display="none";
				//清除隐藏图片的定时操作
				clearInterval(time);
			}
		</script>
	</head>
	<body onload="init()">
		<p>111</p>
		<img src="img/ad.jpg" style="display: none;" id="img1"/>
		<p>222</p>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

崔西儿

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS 实现定时操作隐藏显示图片（setInterval() clearInterval()）

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;script&gt; function init(){ time = setInterval("showAd()
复制链接

扫一扫