Javascript 如何在不使用按钮的情况下自动显示文本？

如何在不播放按钮的情况下制作下面的动画以显示文本？ 多谢各位

const reveal = document.querySelector('.reveal-wrapper')

const playBtn = document.querySelector('.play')

playBtn.addEventListener('click', () => {
reveal.classList.add('reveal-wrapper-ani')
setTimeout(() => {
 reveal.classList.remove('reveal-wrapper-ani')
}, 1000)
})

---

您只需删除事件侦听器并在加载脚本上应用其操作：

const reveal = document.querySelector('.reveal-wrapper')

reveal.classList.add('reveal-wrapper-ani')
setTimeout(() => {
 reveal.classList.remove('reveal-wrapper-ani')
}, 1000)

---

你有没有试过把函数取出来，这样你就不用等待点击就可以进行add调用了？谢谢Celso和Haworth。我试过了，它工作了，但是它又自动消失了。这是密码URL有什么建议吗？在这里，您不需要更改脚本。刚刚将

.discover包装器ani

类添加到主元素中，然后我在animation类中添加了属性

forwards

，告诉CSS保持动画的最后状态。参考：