var textanimate = eval(jscex.compile("async", function () { var together
时间: 2023-12-13 09:00:41 浏览: 42
var textanimate = eval(jscex.compile("async", function () { var together = function () {
var text = document.getElementById("text");
var str = "Hello World!";
var arr = str.split("");
var timer;
function print() {
timer = setTimeout(function () {
if (arr.length > 0) {
text.innerHTML += arr.shift();
print();
} else {
clearTimeout(timer);
}
}, 200);
}
print();
};
together();
}));
textanimate函数的作用是实现文字逐字打印效果。首先,获取id为"text"的元素节点,并将字符串"Hello World!"进行分割为一个个字符的数组。然后,通过定时器实现逐字输出每个字符,并将其添加到"text"元素节点的innerHTML中。当全部字符输出完毕后,清除定时器。
这样,当调用textanimate函数时,便会触发文字逐字打印的效果,将"Hello World!"在网页上逐字显示出来。
相关推荐
![js](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)