//文字依次出來效果 $.fn.autotype = function() {var $text = $(this);// console.log('this', this);var str = $text.html(); //返回被選 元素的內(nèi)容var index = 0;var x = $text.html('');//$text.html()和$(this).html('')有區(qū)別var timer = setInterval(function() {//substr(index, 1) 方法在字符串中抽取從index下標(biāo)開始的一個(gè)的字符var current = str.substr(index, 1);if (current == '<') {//indexOf() 方法返回">"在字符串中首次出現(xiàn)的位置。index = str.indexOf('>', index) + 1;} else {index++;}//console.log(["0到index下標(biāo)下的字符",str.substring(0, index)],["符號",index & 1 ? '_': '']);//substring() 方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符$text.html(str.substring(0, index) + (index & 1 ? '': ''));if (index >= str.length) {clearInterval(timer);}},100); }$('.font').autoplay();

?

//文字依次出來效果,這種方法可行，但流程步驟一多容易混亂var con = $(".fontx"); var index = 0; var tid = null; function start(s){ var len = s.length; con.text(''); tid = setInterval(function(){ con.append(s.charAt(index)); if(index ++ === len){ clearInterval(tid); index = 0; } },100); }start(str)

?

轉(zhuǎn)載于:https://www.cnblogs.com/leiting/p/8375876.html

總結(jié)

以上是生活随笔為你收集整理的js打字效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。