熟悉定时器的使用
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);
<