用文字淡入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);

Answer 2

您可以选择要淡入或淡出的html标签，并使用javascript fadeIn（）和fadeOut函数，使用你想要的毫秒数。也可以使用innerText（）函数添加或编辑文本