JS Div 3秒隐藏 - TypeScript

在Web开发中，经常需要将某个元素隐藏，这时我们可以使用JavaScript来控制元素的显示与隐藏。本文将介绍如何通过 TypeScript 实现将一个 div 在 3 秒内隐藏的效果。

代码实现

首先，我们需要在 HTML 中添加一个 div 元素：

<div id="mydiv">This is a div element</div>

我们使用 TypeScript 编写代码，通过控制该 div 元素的样式来达到隐藏的效果：

const myDiv = document.getElementById('mydiv') as HTMLDivElement;
setTimeout(() => {
  myDiv.style.display = "none";
}, 3000);

在上面的代码中，我们从 DOM 中获取到 ID 为 "mydiv" 的 div 元素，并设置一个 3 秒延迟的定时器，当定时器时间到达后，将该 div 的 display 样式设置为 "none"，即隐藏该元素。

总结

使用 TypeScript 可以使我们的代码更加健壮和可维护。本文介绍了如何使用 TypeScript 实现将一个 div 在 3 秒内隐藏的效果。希望对你有所帮助。