简单的3s内盒子消失

南逗

于 2020-05-06 15:05:56 发布

阅读量431

点赞数

文章标签： js

本文链接：https://blog.youkuaiyun.com/weixin_46217523/article/details/105950535

版权

这篇博客介绍了如何利用JavaScript的setTimeout函数实现一个盒子在3秒钟后自动消失的效果。通过示例分析了5秒后隐藏盒子的用法，并探讨了在定时器使用中如何管理和控制多个定时器，强调了给定时器添加标识符的重要性。

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

熟悉定时器的使用
setTimeout(调用函数，延迟的毫秒数)

3秒之后盒子消失
案例分析：
1：5秒后把盒子隐藏起来
2：使用定时器

<!DOCTYPE html>
<html>
<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<style>
			.box{
				width:100px;
				height: 100px;
				background-color:pink ;
			}
		</style>
	</head>
<body>
	<div class="box">	</div>
    <script type="text/javascript">
   		var box=document.querySelector('.box');
   		setTimeout(function(){
   			box.style.display='none';
   		},3000);
   		
	<

最低0.47元/天解锁文章