[已解决]如何实现打字的效果

isdkz

要实现打字的效果，可以使用JavaScript来控制文本的逐个显示。以下是一个简单的实现方式：

HTML：

1. <p id="text"></p>
   

复制代码

JavaScript：

1. const text = "例如Ben的博客";
   
2. let index = 0;
   
3. 
   
4. function typing() {
   
5.   if (index < text.length) {
   
6.     document.getElementById("text").innerHTML += text.charAt(index);
   
7.     index++;
   
8.     setTimeout(typing, 50); // 设置打字速度
   
9.   }
   
10. }
    
11. 
    
12. typing();
    

复制代码

这段代码会逐个显示文本中的字符，直到全部显示完毕。可以通过调整setTimeout中的时间来控制打字的速度。