想要学习 |

上面这段是我首页使用的，是不是很炫酷，这里我用到了一个非常好用的 JS 库：AutoTyping ，它可以循环播放我们预设好的文字内容，仿真输入删除效果。

项目地址：https://tsanak.github.io/autotyping/

# 引入

想要使用它，首先要在你的html文件中引用：

<script src="https://s.learn2.cn/js/autotyping.min.js" ></script>

# 使用

给你想要添加删除的字符串添加 class ="typeing" 即可。

<h1>想要学习 <span class="typeing"></span><span class="light_2">|</span></h1>

然后添加一段 script 运行它就好了:

<script>
    document.addEventListener("DOMContentLoaded", function() {
   const typeingText = ['新的兴趣?', 'web编程?', '绘画?','Python编程?', '写作技巧?'];
   const typeingTyping = new AutoTyping('.typeing', typeingText, {
  typeSpeed: 80,
  deleteSpeed: 80,
  waitBeforeDelete: 2000,
  waitBetweenWords: 500,
   });
   typeingTyping.start()
    });
</script>