用css和js写一个提示框要求提示框显示完毕后3秒自动隐藏

HTML部分：

<button id="btn">点击弹出提示框</button>
<div id="msg">这是一个提示框</div>

CSS部分：

#msg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 20px;
  background-color: #eee;
  border: 1px solid #999;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #999;
  display: none;
}

JS部分：

var btn = document.getElementById('btn');
var msg = document.getElementById('msg');

btn.onclick = function() {
  msg.style.display = 'block';
  setTimeout(function() {
    msg.style.display = 'none';
  }, 3000);
};

解释：当点击按钮时，提示框的display属性会变为block，即显示出来，然后设置一个计时器，在3秒后将提示框的display属性变为none，即隐藏起来