网页文字打字机效果插入一段文字（逐字出现循环回退删除）

看了一些个人博客网站侧边栏和底部信息介绍有打字机效果，高大上很神奇，于是百度了下发现可以用typed.js来实现打字机效果，开箱即用，高大上！！

效果预览

安装教程

1、首先以下代码放在html页面的网站（你想放的地方）

说明：这段代码要放在js代码前面不然会生效

<span id="Typed"  style="color: #3f7fe0;" ></span>
说明： style="color: #3f7fe0;" 为设置字体颜色代码
JS代码如下：代码放在网站底部</body>之前即可（放在js里面记得取消<script></script>）
JavaScript
<script src="https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js"></script>
<script language=javascript>
    var typed = new Typed("#Typed", {
    strings: ["用行动去思考，去改变、去创造。","Take action to think, to change, to create."],
    startDelay: 200,
    backDelay: 2000,
    typeSpeed: 100,
    loop: true,
    backSpeed: 20
    })
</script>

说明：strings: ["用行动去思考，去改变、去创造。","Take action to think, to change, to create."], 这个里面的文字可以修改

安装

# With NPM

npm install typed.js

# With Yarn

yarn add typed.js

# With Bower

bower install typed.js 

typed.min.js