类似chatgpt的文字回复逐一显示, 代码比较简单,直接贴代码了
页面创建载荷文字的标签 设定固定id
<a id="text"></a>
js逻辑操作:
//初始变量
var i = 0
//渲染内容
var content = "比起担心会后悔而什么都不做,还不如做完了再去后悔。勇气就是明知会受伤,却还要这样做,愚蠢也是如此。"
//获取dom元素document.getElementById
var dd = document.getElementById("text")
dd.style = "color:#df6fe1;font-size:24px;"
//在网页加载完毕之后立即执行的操作
window.onload = function typing() {
dd.innerHTML += content[i]
i++
//定时器
var id = setTimeout(typing, 100)
//判断条件取消定时器
if (i == content.length) {
clearTimeout(id);
}
}