最近在网上看到一个字符逐个出现的打字效果，觉得挺有趣的，想一想基本实现思路就是设置一个定时器逐然后逐个向容器中添加字符，于是就基于jQuery写了一个简单版的。
本人才疏学浅，总觉得自己写的方法比较简陋，于是搜索了一波资料，发现有个不错的jQuery插件Typed.js。
Type.js的基础使用
<span class="element">
) stringsElement: null,// typing speed typeSpeed: 0,// time before typing starts startDelay: 0,// backspacing speed backSpeed: 0,// shuffle the strings shuffle: false,// time before backspacing backDelay: 500,// loop loop: false,// false = infinite loopCount: false,// show cursor showCursor: true,// character for cursor cursorChar: "|",// attribute to type (null == text) attr: null,// either html or text contentType: 'html',// call when done callback function callback: function() {},// starting callback function before each string preStringTyped: function() {},//callback for every typed string onStringTyped: function() {},// callback for reset resetCallback: function() {} }); });
具体用法可以看看GitHub地址，带注释的源码400多行，不算复杂。
原文链接：https://www.f2er.com/js/43212.html