如何显示div 10秒然后隐藏它

要实现显示div 10秒然后隐藏它，可以使用JavaScript来操作DOM元素的显示和隐藏。

首先，在HTML中定义一个div元素，并设置一个唯一的id属性，例如：

<div id="myDiv">这是一个div元素</div>

然后，在JavaScript中使用定时器函数setTimeout来实现延时操作。在延时结束后，通过修改div元素的样式来隐藏它。

// 获取div元素
var div = document.getElementById("myDiv");

// 显示div
div.style.display = "block";

// 延时10秒后隐藏div
setTimeout(function() {
  div.style.display = "none";
}, 10000);

上述代码中，首先通过getElementById方法获取到id为"myDiv"的div元素，然后将其display属性设置为"block"，即显示div。接着使用setTimeout函数，在延时10秒后执行一个匿名函数，将div的display属性设置为"none"，即隐藏div。

这样，当页面加载完成后，div会显示出来，经过10秒后自动隐藏。

推荐的腾讯云相关产品：无

参考链接：

• setTimeout - MDN Web 文档
• getElementById - MDN Web 文档