js怎么实现让烟雾循环消失出现

img


怎么用js实现让这个烟雾循环逐渐消失后，又逐渐出现。求解答，要是有多钟方法更好
素材如下：

img

img

img

烟雾图片设置样式 transition:all .4s ease; opacity:0
然后js里用定时器设置烟雾图片透明度

setInterval(()  =< {
  if(documeng.getElementById(烟雾).style.opacity == 0){
  documeng.getElementById(烟雾).style.opacity=1
}else{
  documeng.getElementById(烟雾).style.opacity=0
}
  
},400)

如有帮助，麻烦点个[采纳此答案]谢谢啦^O^

img