如何让一个img在页面加载后出现，并在一段时间后消失？

<img id="myImage" src="example.jpg" style="display: none;">

// 获取img元素
var img = document.getElementById("myImage");

// 页面加载完成后执行的函数
window.onload = function() {
  // 显示img元素
  img.style.display = "block";

  // 设置定时器，在一段时间后隐藏img元素
  setTimeout(function() {
    img.style.display = "none";
  }, 3000); // 3000毫秒即3秒钟后隐藏
};

#myImage {
  width: 200px;
  height: 200px;
  border: 1px solid black;
}