js案例:5秒后自动关闭

已于 2022-05-18 16:02:25 修改
阅读量2.1k 收藏 5
点赞数
分类专栏： js 文章标签： javascript css
于 2021-12-23 17:04:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_63400611/article/details/122111994
版权

分析

  1. 核心思路:5秒之后把广告隐藏起来
  2. 定时器setTimeout()

代码

<html>
<head>
<meta charset="utf-8">
<title>5秒后自动关闭</title>
	<style>
		img {
			
		}
	</style>
</head>

<body>
	
	<img src="./image/微信截图_20201201231713.png" alt="5秒后自动关闭" class="ad">
	
	<script>
		
		var ad = document.querySelector('.ad');
		setTimeout(function() {
			ad.style.display = 'none';
		}, 5000);
		
	</script>
</body>
</html>

 

 

m0_63400611
关注
专栏目录
UI自动化测试案例：大数据应用实战
AI天才研究院
02-16 99
1. 背景介绍 1.1 大数据时代的挑战 随着大数据时代的到来，数据量呈现爆炸式增长，企业和开发者需要处理和分析的数据越来越多。在这个过程中，用户界面（UI）的设计和测试变得尤为重要。一个高效、易用的UI可以帮助用户更好地理解和操作庞大的数据集，从而提高工作效率。然而，随着数据量的增长，UI测试的难
JS网页定时自动关闭-无浏览器提示
02-01
在web开发中，经常用到一次性消息提示网页，为了提高用户体验，此类网页需要在存留一定时间后自动关闭，并且一般的window.close()关闭代码会使浏览器弹出询问框，此例解决了该问题。
JS网页实例：若干秒后不操作自动关闭窗口
最新发布
请叫我二狗哥
11-17 1425
对一些安全要求比较高的网页，如网银和支付平台界面，为了保证用户数据安全，往往会提供这样的功能：若用户在累计的一段时间内没有进行任何操作，就会自动退出登陆或直接关闭窗口。补充下面代码，要求若用户每5秒内没有点击页面，窗口自动关闭。
js开发实例 —— 5秒自动关闭广告&倒计时
mocoll的博客
08-21 3477
十七、5秒自动关闭广告 思路： ①核心思路: 5秒之后,就把这个广告隐藏起来。 ②用定时器setTimeout 。 JS 代码： 十八、倒计时 思路： ①这个倒计时是不断变化的,因此需要定时器来自动变化( setInterval ) ②三个黑色盒子里面分别存放时分秒 ③三个黑色盒子利用innerHTML放入计算的小时分钟秒数 ④第一次执行也是间隔亳秒数，因此刚刷新页面会有空白 ⑤最好采取封装函数的方式,这样可以先调用一次这个函数 ,防止刚开始刷新页面有空白问题。 HTML 代码： JS 代码： （倒计时
js5秒后自动关闭本页面及5秒钟后自动跳转指定页面的方法
weixin_30466421的博客
09-28 506
5秒钟后自动关闭 <!DOCTYPE HTML> <html> <head> <title>倒计时自动关闭/跳转页面</title> <meta charset="utf-8" /> <script> //定义函数myClose关闭当前窗口 function myClo...
BOM--window对象 / 定时器 / 案例：5s后自动关闭广告 / 案例：定时器实现倒计时
weixin_50119334的博客
10-04 624
BOM概述 BOM：Browser Object Model，浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法和属性 BOM缺乏标准 BOM比DOM更大，它包含DOM window对象是浏览器的顶级对象，它具有双重角色 它是JS访问浏览器窗口的一个接口 它是一个全局对象，定义在全局作用域中的变量函数，函数都会变成window 对象的属性和方法。在调用的时候可以省略window,前面学习的对话框都属于win
VB自动关闭网页窗口程序代码案例分析总结共20页.pdf
10-31
在VB（Visual Basic）编程中，自动关闭网页窗口的功能通常涉及到Web浏览器控件的应用，这在各种自动化脚本和用户界面交互中非常常见。在这个20页的PDF案例分析总结中，开发者可能深入探讨了如何利用VB实现这一功能，...
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
10-24
5. 自动关闭功能的实现：自动关闭功能是通过设置定时器setTimeout()来实现的，当div展开后，设置一个定时器来调用fnSmall()函数，使得div在一定时间后自动关闭。 6. 鼠标事件的处理：onmouseout和onMouseOver事件...
python在工作中使用案例：selenium实现网页自动化操作
Lu_mi的博客
10-25 1492
前言 公司最近一个项目一直在重复一个网页操作，想起了selenium库。 之前用来模拟浏览器执行网页爬取，来跳过反扒处理。是通过完全模拟浏览器进行渲染，也就是服务器会完全认为是用户在用浏览器进行操作，这样的话也就可以进行公司的项目，自动化处理网页的操作 又称为动态渲染⻚⾯爬取 对于访问Web时直接响应的数据（就是response内容可⻅），我们使⽤urllib、requests或Scrapy 框架爬取。 对应⼀般的JavaScript动态渲染的⻚⾯信息（Ajax加载），我们可以通过分析Ajax请求来抓取信
JavaScript实现自动弹出窗口并自动关闭窗口的方法
12-11
本文实例讲述了JavaScript实现自动弹出窗口并自动关闭窗口的方法。分享给大家供大家参考。具体如下： 这里介绍的JavaScript自动弹出窗口并自动关闭窗口，JS实现此特效似乎很简单，打开网页后即显示一个弹出窗口，之后会自动离开，使用了window.open和document.open();以及document.close();对象共同来实现，现在似乎用的不多了。 运行效果如下图所示： 具体代码如下： <HTML> <HEAD> <TITLE>自动离开的窗口</TITLE> [removed] <!-- var flyingwin var popupwidth=200 var popu
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
11-23
废话不多说了，直接给大家贴代码了。 // 每隔五秒定时刷新当前窗口 setTimeout("self.location.reload();",5000); //js 定时关闭窗口(ie和FF中测试过) //6秒后自动关闭当前窗口 setTimeout("window.opener=null;window.close()",6000); 下面给大家介绍下javascript定时器使用 使用定时器实现JavaScript的延期执行或重复执行 window对象提供了两个方法来实现定时器的效果，分别是 window.setTimeout()和window.setInterval。其中前者可以使一段
自动关闭页面html（倒数四秒后自动关闭,s适用所有浏览器）
04-26
自动关闭页面html（倒数四秒后自动关闭,s适用所有浏览器）
5秒钟后，自动关闭网页
weixin_30508309的博客
09-09 194
由两个页面来完成：t.html代码如下：<html><head><script language="javascript">window.open("t1.html","_blank","top=20,left=350,width=200,height=200,to olbar=no")</script></head><bod...
JS自动关闭窗口
顾传龙
02-22 722
原文网址：http://it.oyksoft.com/post/2733/   这段关闭自己的代码，兼容IE6-8，9未测试，应该可以，Chrome/opera都试过可以。 目的是关闭自己而不提示。 Firefox不行，原因是dom.allow_scripts_to_close_windows默认是false，可以在about:config中将其改为true便可以。 window.ope
页面5秒后自动关闭
weixin_34392843的博客
12-15 1683
在head中添加js代码： <script type="text/javascript">var cTime=5;function TimeClose(){window.setTimeout('TimeClose()',1000);if(cTime<=0)CloseWindow_Click();this.ShowTime.innerHTML="倒计时"+...
js特效-5秒后自动关闭广告条
qq_41670147的博客
12-01 1372
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值