setTimeout的示例

最新推荐文章于 2025-05-20 16:07:43 发布

Circle_list

最新推荐文章于 2025-05-20 16:07:43 发布

阅读量267

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Circle_list/article/details/79343861

本文介绍了一个简单的HTML页面示例，展示了如何通过JavaScript来动态地修改页面上的元素文本，并在一段时间后清除这些文本。具体操作包括设置按钮点击事件，使用getElementById选择元素并修改其innerText属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lange="en">      
<head>
<meta charset="UFT-8"> 
<title>Title</title>
<style>
  img{
   border:0; /*边框 border*/
}
</style>
</head>
<body>
<div id="i1"></div>
<input type="button" value="delete" onclick="Delete();" />
<script>
  function Delete(){
   document.getElementById("i1").innerText="Delete";
   setTimeout(function(){
    document.getElementById("i1").innerText=""; /*1秒后Delete 消失*/
   },1000)
  }
</script>
</body>
</html>