我的博客首页会在一段时间后加上一个作品区【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】域，每个区域都会点缀一点点动效。在 Na【原创内容，转载请注明出处】【原创不易，请尊重版权】util 的部分，我想实现一个效果，就是【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】在 Nautil 这个单词后面，不断切换【原创内容，转载请注明出处】【本文首发于唐霜的博客】 Nautilidae, Nautilu转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。s, Nautil.js 这几个单词，效【未经授权禁止转载】【作者：唐霜】果就像用键盘输入、删除再输入的效果。

在谷歌搜索了一段时间后，我确信没有一个库本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。能够完完整整的实现这个效果。它们都实现了本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net输入效果，但是没有回删效果。于是，我只能【转载请注明来源】原创内容，盗版必究。自己写一个 js 库来实现这个效果。最终未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net的效果你可以在我的博客首页看到。但是，后本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】来我觉得，这是一个非常不错的效果，虽然在转载请注明出处：www.tangshuang.net【本文受版权保护】我的博客上看到的是一个输入的效果，但是实【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】际上，对它重新思考，会发现它比这个效果的【原创内容，转载请注明出处】转载请注明出处：www.tangshuang.net想象空间大很多。你可以用它来断句、给视频原创内容，盗版必究。【原创内容，转载请注明出处】打字幕、利用文字翻语音接口朗读小说。它像【原创内容，转载请注明出处】【原创不易，请尊重版权】一个具有生命的灵活工具，因此，我称它为“本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。文字旅行者”（github:TextTraveler本文版权归作者所有，未经授权不得转载。）。【本文受版权保护】

遍历文本怎么才能做到对开发者友好呢？我们【原创不易，请尊重版权】【原创内容，转载请注明出处】以“视频字幕”来举例，如果你想写一个视频转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。字幕，你会怎样？对于我来说，我想象中的写【未经授权禁止转载】未经授权，禁止复制转载。字幕的方式，就是在剧本中打断点。那么什么本文版权归作者所有，未经授权不得转载。【转载请注明来源】样的方式可以让我们打断点呢？我想到了 E【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.netS6 的字符串模板标签。于是，一个字幕效【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】果就出来了：

`你話三年。${[0,100,1]}三年之後又三年，${[0,100,1]}三年之後又三年！${[0,100,1]}十年都嚟緊頭啦老細！${[0,1000]}`

通过在字符串模板中加入占位符，就可以给字本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】符串打断点了。每个断点的地方加入参数，用本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net以控制该断点前面的文字，将会以怎样的时间【原创内容，转载请注明出处】【转载请注明来源】或行为出现在字幕中。

如何利用这些参数呢？【关注微信公众号：wwwtangshuangnet】

使用标签函数即可。我写了 【关注微信公众号：wwwtangshuangnet】travelText 这个标签函数，它可以生成一个 text【原创内容，转载请注明出处】【本文受版权保护】 traveler 用以处理每个段落。

const traveler = travelText`你話三年。${[0,100,1]}三年之後又三年，${[0,100,1]}三年之後又三年！${[0,100,1]}十年都嚟緊頭啦老細！${[0,1000]}`

接下来所有的事情就交给 traveler【本文受版权保护】【版权所有】唐霜 www.tangshuang.net 去做。但他实际上只是一个记录者，你可以本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】通过 on 方法监听他记录的内容，并作出相应的界面著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。修改。

而为了更方便的实现我想要的那个效果，我又转载请注明出处：www.tangshuang.net【作者：唐霜】写了 createTextWriter 函数，它直接在一个 DOM 元素中不断转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】的根据 traveler 的记录情况重写【版权所有】唐霜 www.tangshuang.net【本文受版权保护】 html 中的文本，从而达到我想要的效转载请注明出处：www.tangshuang.net【本文首发于唐霜的博客】果。

一切的一切都在 转载请注明出处：www.tangshuang.netgithub转载请注明出处：www.tangshuang.net 上。本文作者：唐霜，转载请注明出处。

 著作权归作者所有，禁止商业用途转载。