最牛的打字效果 JS 插件 typing.js

[coffeedeveloper]

最新在做公司的一个项目，需要实现一个敲打代码的动画效果，粗意味比较简单，果断自己直接开写，写着写着发现是一个坑。需要支持语法高亮，并不能直接简单的用setTimeout来动态附件innerHTML。苦思猛想数小时后，果断用动态生成DOM的方法实现了整个效果。

typing.js的打印效果甚至能够支持表格、按钮、表单，只要你页面能够呈现出来的，都可以以一种动态输出的感觉打印出来！ 强烈推荐观看完整DEMO

我在网上查了一下，应该目前是没有一个插件是和typing.js效果一致的！

在优化代码后，已经放在github上，并建立了相关项目页面。
项目主页： [typing.js](http://coffeedeveloper.github.io/typing.js/)
完整DEMO：[demo](http://coffeedeveloper.github.io/typing.js/demo.html)
带闪烁效果的代码书写DEMO：[demo2](http://coffeedeveloper.github.io/typing.js/demo2.html)

如果你觉得这个插件有意思的话。可以在github项目上star一个，对我是莫大的鼓励与帮助！

[wdlth]

画面太美不敢用啊。

[loddit]

这个东西的应用场景是什么呢？

[yreenchan]

@loddit 装逼神器啊！！

[jprovim]

@loddit Presentation特效.

[qige023]

轻轻地Star了一下

[Biwood]

曾经在某编程教学的网站上看到过，我尝试做过，想模拟键盘事件，但是貌似js没有那样的接口

[izoabr]

@yreenchan 比如说某黑客黑掉别人网站，然后用这个显示"hacked by xxx"不觉得炫酷狂霸拽嘛？

[shishirui]

好东西，收藏

[xbonline]

00年代刚上网那会儿经常见到这种typing效果

[hzlzh]

准备把demo2的特效给我的
http://dai.ma/
加上

[hzlzh]

不过闪烁光标的样式还是喜欢我目前的下划线那样。

[GitFree]

@hzlzh 神域名！

[g0thic]

@hzlzh 大哥你的个性域名真多

[lagramoon]

效果不错！支持！

[v5ke]

好像可以装逼的样子~

[ccbikai]

os.io 你的域名吗？

[wezzard]

00年代刚上网那会儿经常见到这种typing效果 +1

[WarWithinMe]

“最牛”算是标题党？
另附一个typer lib
http://fardjad.github.io/realistic-typewriter.js/

[yreenchan]

@izoabr 那绝对是的！

[asmore]

不错

[Fulminit]

Mark一个。顺便来围观域名。

[yyx990803]

给个建议啊，现在字是按固定间隔出现的，感觉很生硬，不像是人打字。同事做过个类似项目用的是 perlin noise 来产生随机但顺滑的打字间隔。