ckdk's blog

记录一段js实现打字机效果的代码

2016/04/17

记录一段js实现打字机效果的代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
(function(a) {
a.fn.typewriter = function() {
this.each(function() {
var d = a(this),
c = d.html(),
b = 0;
d.html("");
var e = setInterval(function() {
var f = c.substr(b, 1);
if (f == "<") {
b = c.indexOf(">", b) + 1
} else {
b++
}
d.html(c.substring(0, b) + ((b<c.length-1) ? "_" : ""));
if (b >= c.length) {
clearInterval(e)
}
}, 55)
});
return this;
}
})(jQuery);

羡慕能写好js的人TAT。顺便膜拜一下这个网站: http://strml.net/

CATALOG
  1. 1. 记录一段js实现打字机效果的代码