模拟命令行自动输入的HTML,HTML5 命令行界面仿真和自动打字动画
JavaScript
語言:
JaveScriptBabelCoffeeScript
確定
$.fn.typewriter = function() {
this.each(function() {
var c = $(this),
b = c.html(),
a = 0,
d = 0;
c.html("");
var e = function() {
if ("
var f = new RegExp(/
g = new RegExp(/
if (b.substring(a, b.length).match(f)) a += b.substring(a, b.length).indexOf("
") + 7;else if (b.substring(a, b.length).match(g)) d = a, a += b.substring(a, b.length).indexOf("
") + 7;else
for (;
">" != b.substring(a, a + 1);) a++
}
c.html(b.substring(d, a++) + (a & 1 ? "_" : ""));
a >= b.length || setTimeout(e, 70 + 100 *
Math.random())
};
e()
});
return this
};
$(".terminal").typewriter();
總結(jié)
以上是生活随笔為你收集整理的模拟命令行自动输入的HTML,HTML5 命令行界面仿真和自动打字动画的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 理财投资利率是多少 理财利息计算方式介绍
- 下一篇: vue 如何解析原生html,VUE渲染