JS实现分享页面自动关闭效果

最新推荐文章于 2022-11-17 12:50:58 发布

沐澐

最新推荐文章于 2022-11-17 12:50:58 发布

阅读量4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript 定时器

本文链接：https://blog.youkuaiyun.com/core_song/article/details/53636765

本文介绍了如何使用JavaScript实现分享内容后弹出的新窗口自动关闭的效果。通过创建open_window.html页面触发分享，并在new_window.html页面设置定时器，5秒后自动关闭窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS实现分享页面自动关闭效果

通常我们在分享内容后，会有个新的窗口提示分享成功，然后倒计时关闭窗口。

要实现这个效果，我们要写两个页面：

先创建用于点击的页面 open_window.html

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="javascript:a()">点击分享至微博</a>
		
	</body>
	<script type="text/javascript">
		function a(){
			window.open("new_window.html","_blank","width=500,height=200,top=200,left=300");//设置打开新的窗口的大小及位置
		}
	</script>
</html>

出来的效果大致如下：