打字机效果
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); };
相关文章推荐
- javascript之textarea打字机效果提示代码推荐
- 基于Css3和JQuery实现打字机效果
- 网页打字机效果,用于新闻标题.数据库动态.
- 原生js实现简单打字机效果
- Android自定义View实现打字机效果
- 利用jQuery实现打字机字幕效果实例代码
- 基于jQuery实现的打字机效果
- 逼真打字机效果;
- JS特效之打字机效果
- js打字机效果代码
- JS打字机效果
- 纯jQuery实现的打字机的字幕效果,字体逐个输出到屏幕
- 移动开发----Android模仿打字机效果的自定义View实现
- 文字打字机效果
- css3线条围绕跑马+jquery打字机效果
- JavaScript打字机效果实现
- 文字打字机效果,可换字体样式
- 小白练习打字机效果
- NGUI添加一些特殊的效果(打字机。。)
- cocos2d-x实现打字机效果