Исчезнуть в 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 ()