javascript - 淡入带有文本的 div

Question

(无法使用jquery)

我想让文本出现，然后消失并显示其他文本。我希望文字慢慢淡入。我怎样才能用纯 JavaScript 做到这一点？

谢谢!

Answer 1

给你。

const textDiv = document.createElement("div")
document.body.appendChild(textDiv);
textDiv.style.transition = "opacity 1s ease";
textDiv.innerHTML = "Initial Text";
setTimeout(()=>{
  textDiv.style.opacity = 0
},1000);
setTimeout(()=>{
  textDiv.style.opacity = 1
  textDiv.innerHTML = "Some other text";
},2000);