首页用display实现点击按钮后div标签2秒自动隐藏。用display实现点击按钮后div标签2秒自动隐藏。

用display实现点击按钮后div标签2秒自动隐藏。用display实现点击按钮后div标签2秒自动隐藏。

时间: 2024-04-09 13:27:22 浏览: 40

您可以使用JavaScript来实现点击按钮后div标签自动隐藏。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <style> .hidden { display: none; } </style> </head> <body> <button onclick="hideDiv()">点击隐藏</button> <div id="myDiv">这是要隐藏的内容。</div> <script> function hideDiv() { var div = document.getElementById("myDiv"); div.style.display = "none"; setTimeout(function() { div.style.display = "block"; }, 2000); } </script> </body> </html> ``` 以上代码中，通过给按钮添加 `onclick` 事件来触发 `hideDiv` 函数。在该函数中，首先获取要隐藏的 `div` 元素，并将其 `display` 属性设置为 `none`，使其隐藏起来。然后使用 `setTimeout` 函数延迟2秒后，将 `div` 的 `display` 属性重新设置为 `block`，使其重新显示出来。

阅读全文