文本淡入 div

Question

(不能使用jquery)

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

谢谢！

Answer 1

您可以 select 您想要淡入或淡出的 html 标签并使用 javascript fadeIn() 和 fadeOut 函数以毫秒为单位 want.also可以使用 innerText() 函数添加或编辑文本

Answer 2

给你。

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);

文本淡入 div

Fade in div with text

html

javascript

fadein