定时器显示和隐藏广告

最新推荐文章于 2023-05-18 14:00:43 发布
最新推荐文章于 2023-05-18 14:00:43 发布
阅读量175 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57219176/article/details/126668769
版权

html 前端 javascript 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>定时显示_隐藏广告</title>
		<script>
			var tId;
			function inti(){
				//设置定时器2秒之后显示图片
				tId=window.setInterval("show()",2000);
			}
			
			function show(){
				//显示图片
				//获取id="pic所在的img标签对象"
				var img=document.getElementById("pic");
				//设置img的样式属性
				img.style.display="block";
				//清除定时器
				window.clearInterval("tId");
				//看4秒之后图片隐藏
				time=window.setInterval("hidden()",4000);
				
				
			}
			function hidden(){
				//获取标签对象
				var img=window.document.getElementById("pic");
				img.style.display="none";
				window.clearInterval("time");
			}
		</script>
	</head>
	<!--
			图片隐藏样式属性:
					display:none
				显示样式属性:
					display:block
			
	-->
	
	<!-- 页面载入事件：将body中的内容加载完毕后就会触发这个函数 -->
	<body onload="inti()">
		<img src="img/星空2.png" id="pic" style="display:none;" width="40%" height="60%"/>
	</body>
	
</html>

Camellia——
关注
专栏目录
Javascript学习-广告的显示和隐藏
lubinchang的博客
04-15 674
Javascript学习——完成页面定时弹出广告 技术分析 定时器（ setInterval:每隔多少时间执行一次函数 setTimeout：多少毫秒之后执行一次函数 clearInterval:删除setInterval定时器 clearTimeout:删除setTimeout定时器 ） 显示广告 其核心代码为 img.style.display="block"//其中“img“”为...
教你一天玩转JavaScript(四)——使用JavaScript实现定时弹出广告定时隐藏广告
05-02
教你一天玩转JavaScript(四)——使用JavaScript实现定时弹出广告定时隐藏广告
定时显示隐藏
weixin_30737433的博客
11-30 296
1 <script type="text/javascript"> 2 function close2(){ 3 // $('#a').css('display','none'); 4 $('#a').hide(); 5 // alert('message'); 6 } 7 fu...
html计时器控制div显示,使用计时器显示和隐藏多个div
weixin_39637545的博客
06-15 358
好吧，我试图模拟div已经存在了：123​messagecontainer中的div默认是隐藏的(不显示)：// in your css#messagecontainer > div {display: none;}​现在在我们的脚本中，我们创建一个每隔15秒运行一次的间隔，将前一个div设置为none，将当前div设置为display block：var top_level_div = d...
js定时显示广告代码
11-14 122
这是一则定时显示广告的javascript代码，当然也可以定时显示某一区块内容，很实用。 代码如下： function strToDate(str, ext) { if (str == null || str == '') return; var arys = new Array(); arys = str.split('-'); var newDate = new ...
广告显示和隐藏
xiaoyaGrace的博客
02-11 350
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>广告的自动显示与隐藏...
JavaScript定时器制作弹窗小广告
10-20
在这个案例中，我们利用JavaScript定时器来制作一个弹窗小广告，使得广告在特定时间间隔后自动显示。 首先，我们需要了解JavaScript中的两个定时器函数：`setTimeout()` 和 `setInterval()`。`setTimeout()` 用于在...
js+css倒计时头部全屏广告显示与隐藏的代码
11-03
在网页设计中，有时我们需要创建吸引用户注意力的元素，如全屏广告。本文将深入探讨如何使用JavaScript（js）和层叠样式表（CSS...下载提供的"倒计时的头部全屏广告显示隐藏代码"文件，即可查看和学习具体的实现方式。
倒计时的头部全屏广告显示隐藏代码
01-01
"倒计时的头部全屏广告显示隐藏代码"是一个具体的实现案例，通常涉及到JavaScript、CSS以及HTML等前端技术。下面我们将详细探讨这个主题中的相关知识点。 1. **JavaScript倒计时**： 倒计时功能通常通过JavaScript...
JavaScript实现定时隐藏与显示图片的方法
10-23
下面我们将逐一详细解释这些函数的使用方法和它们是如何协同工作以完成图片定时显示与隐藏的。 首先，我们定义了一个变量sec，它的初始值被设置为10秒，意味着图片将在10秒后隐藏。然后，我们创建了一个名为hidepic...
利用定时器控制网页小广告的弹出与隐藏
supertianjia
07-19 1532
第一步：编写一个简洁广告框 代码： &lt;div id="alert"&gt;             &lt;span id="delete"&gt;X&lt;/span&gt;             &lt;br /&gt;             &lt;h1&gt;一条广告&lt;/h1&gt;             &lt;p&gt;  
问题：关于坛友的一个定时重复显示和隐藏div的实现
淡忘~浅思
09-12 2106
需求：打开页面只看到DIV2，等完秒数之后在显示DIV3。手动关闭DIV3后在重新数秒 我设置的间隔时间是3秒，代码如下： html+css: 1: <!DOCTYPE HTML> 2: <html> 3: <head> 4: <meta http-equiv="content-type" content="text/html;charset=utf-8"> 5: <title>Test</title> 6:
巧用定时器，实现鼠标事件中层的显示与隐藏
探索者
10-22 329
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> window.onload = function () { var oDiv1 = document.getElementById...
JQuery各种选择器并实现定时显示隐藏、表格奇偶换色、复选框全选全不选、
wh1132633619的博客
09-20 237
fuxu
js 定时去重复显示和隐藏的思路
最新发布
PBitW的博客
05-18 825
思路一 每秒执行 思路二 直接用定时器，但是不每秒 思路三 es9 异步迭代 异步迭代 例子1 直接使用 例子2 async await 例子3 * yield 异步遍历器 --》要想用for await of 必须遍历这个 简化 for await of 解决1秒出现第一个结果，再过2秒出现第二个，再过3秒出现第三个的问题
vue控制样式div显示和隐藏以及定时等页面加载
槽门的博客
11-18 1818
1.js vue控制样式div显示和隐藏 ①样式： .problem1 { display: none; width: 100%; height: 100%; overflow: hidden; position: relative; } .problem1 active { width: 100%; height: 100%; } .problem1.active { display: block; } ②调用： this.toggle1(this.t1, this.i1); //t1为t1: docum
Vue通过定时器实现样式切换
q879936814的博客
08-08 1301
需求：用户希望首页的指示灯变成闪烁显示。 需求分析:闪烁就是样式切换（有/无），使用定时器进行控制。 解决思路： 在data中设置currentIndex，默认为0 currentIndex:0, 设置定时器，每隔0.5S自增 setInterval(()=>{ this.currentIndex++ },100) 样式绑定方法，判断currentIndex%2==0时，出现，否则隐藏。 <i :class="[item.qjResult!='正常'&am
使用时间戳定时切换显示内容或定时隐藏按钮
leng0920的博客
11-16 153
使用时间戳定时切换显示内容或定时隐藏按钮
query 实现定时显示与隐藏div广告代码
gaoqiao1988的专栏
04-09 1392
jquery 实现定时显示与隐藏div广告代码  html页面中我们随便放些东西 代码如下 关闭   jquery代码   代码如下 $(function(){ setTimeout('$(".toolbarframe").show("slow")',3000); setTimeout('$(".toolb
jQuery实现页面广告自动弹现与隐藏示例
- 显示广告后，清除当前的显示定时器，并设置一个新的定时器来隐藏广告。 - 同理，隐藏广告后，再次清除定时器。 5. **样式和布局**: 文档中还提到一个CSS部分，设置了广告容器（#father）和广告图层（#logo、....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值