使图像在X秒后显示Javascript（网页设计）

基本上，我有气泡的图像，它们被设置为从图像的底部到顶部的动画。然后，经过不同的时间和不同的宽度，它们上升到图像。然而，当它们位于底部时，它们都可以在一条直线上看到。我如何使它们只有在它们开始上升到图像中时才可见

HTML:

文件

您可以使用设置超时和不同的时间。 这可能不是最好的解决方案，但可以奏效

<img id=img src="img.png">
<script>
  let img = document.getElementById('img')
  let time = 1000 // time in milliseconds
  img.hidden = true // set img to hidden on load
  setTimeout(()=> {
    img.hidden = false // after timeout show img
  }, time)
</script>

设img=document.getElementById（'img'）
让时间=1000//以毫秒为单位的时间
img.hidden=true//将img设置为加载时隐藏
设置超时（（）=>{
img.hidden=false//超时后显示img
}，时间）

似乎已经按你的要求做了，