您的位置:首页 > 其它

打字机效果

2017-12-13 00:00 190 查看
$.fn.autotype = function(htmlStr) {
var $text = $(this);
//console.log('this', this);
var str = htmlStr?htmlStr:$text.html(); //返回被选 元素的内容
var index = 0;
var x = $text.html('');
//$text.html()和$(this).html('')有区别
var timer = setInterval(function() {
//substr(index, 1) 方法在字符串中抽取从index下标开始的一个的字符
var current = str.substr(index, 1);
if (current == '<') {
//indexOf() 方法返回">"在字符串中首次出现的位置。
index = str.indexOf('>', index) + 1;
} else {
index++;
}
//console.log(["0到index下标下的字符",str.substring(0, index)],["符号",index & 1 ? '_': '']);
//substring() 方法用于提取字符串中介于两个指定下标之间的字符
$text.html(str.substring(0, index) + (index & 1 ? '_': ''));
if (index >= str.length) {
clearInterval(timer);
}
},
100);
};
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: