jQuery实现打字机字幕效果的示例代码

达到效果：

实施原则：

阅读html格式的代码，

然后跳过""和" "之间的代码，

顺便说一下，内容的格式被保存，

然后计时器一个接一个地输出。

使用的基本知识：

JQuery提出了两种开发插件的方法，它们是：

jQuery.fn.extend(对象)；

jQuery.extend(对象)；

jQuery.extend(对象)；若要扩展jQuery类本身，请向该类添加新方法。

jQuery.fn.extend(对象)；向jQuery对象添加一个方法。

$.fn引用jquery的命名空间，fn上的方法和属性对jquery的每个实例都有效。

例如，扩展$.fn.abc()

然后你可以看起来像这样：$('#div ')。ABC()；

$.fx指的是jquery的特殊效果。

比如使用显示、滑动、淡入淡出、动画等。

$.fx.off可以关闭动画，实际上是直接显示结果。

实现代码：

！DOCTYPE html htmltowneta charset=' UTF-8 ' title/title meta name=' renderer ' content=' WebKit ' meta http-equiv=' X-UA-Compatible ' content=' IE=Edge ' meta name=' keyword ' cont=' '/headsdydiv class=' autotype ' id=' autotype 'pt雨把我困在这里/pbr/p你温柔的表情/pp会让我难过/pbr/p六月的雨，你只是无情~/p/divconsole.log('this '，this)；var str=$ text . html()；//返回所选元素的内容；var索引=0；var x=$ text . html(' ')；//$text.html()与$(this)不同。html(“”)。方法var timer=set interval(function(){//substr(index，1))从从索引下标开始的字符串中提取字符var current=str.substr(index，1)。if(current==''){//indexOf()方法返回字符串中第一个出现的' '。index=str.indexOf('，index)1；} else { index}//console.log(['0到索引下标下的字符'，str.substring(0，索引)]，[' symbol '，索引1？'_': '']);//substring()方法用于提取字符$ text.html(str。子串(0，索引)(索引1？'_': ''));if(index=str . length){ clearInterval(定时器)；}},100);};$('#autotype ')。auto type()；/script/body/html扩展

让我们简单介绍一下$。jQuery扩展：

$.扩展

扩展jQuery对象本身。

用于向jQuery命名空间添加新函数。

如下所示：向jQuery命名空间添加两个函数。

htmlhealtheta charset=' utf-8 '/headscript src=' http :3358 file 2 . ci 123.com/ast/js/jquery _ 172 . js '/scriptscriptjquery . extend({ min : function(a，b){return a b？a : b；}，max:function(a，b){return a b？a : b } })；alert('min' '——' jQuery.min(1，2))；alert('max' '——' jQuery.max(6，8))；/脚本/正文/html摘要

可以自己看效果，这样更容易理解学习。以上就是本文的全部内容。希望对你的学习和工作有所帮助。有问题可以留言交流。