简单的 js控制逐步显示文字输出

wuyangchun 发布于2019-08-01 15:38 / 940人阅读

摘要：恶趣味发作，写篇博客压压惊今天清理书签，突然就点到了一个关于知乎五周年的网页，这帮程序员的脑子真有趣，就算是保存一年后再看也还是觉得好有趣，下边是一个截图这个网页展示了一个类似接口的小窗口，文字逐步输入，并且还伴随一些有点炫的动画，为个人生

恶趣味发作，写篇博客压压惊
今天清理chrome书签，突然就点到了一个关于知乎五周年的网页，这帮程序员的脑子真有趣，就算是保存一年后再看也还是觉得好有趣，下边是一个截图

这个网页展示了一个类似ide接口的小窗口，文字逐步输入，并且还伴随一些有点炫的css动画，为个人生成专属数据。当然这个展示还包括了其他一些数据的传输啦，特殊效果（类似触发一个标签的js回调啦），css那个一堆波浪的动画啦等等一些有意思的，这些暂时不管，我们今天就来看看这个逐步显示的文字是怎么做到的，我首先想到的就是做一个简单的demo
由于没有读过这个网页的源码所以不保证思路相同，所以做法很简单就是：
把一段文字用定时器回显到网页上，
最后有一个一闪一闪的游标，那个是需要多带带拿出来的做一个定时器的，下边给出代码参考：

 
 
 
 
逐个显示 



 
|

这样一个简单的js控制回显就完成了，是不是超级简单？ ^V^

云服务器 GPU云服务器 js文字输出空间 js滚轮控制文字滚动 js控制台输出 js中输出显示不了

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/50022.html

简单的 js控制逐步显示文字输出

摘要：恶趣味发作，写篇博客压压惊今天清理书签，突然就点到了一个关于知乎五周年的网页，这帮程序员的脑子真有趣，就算是保存一年后再看也还是觉得好有趣，下边是一个截图这个网页展示了一个类似接口的小窗口，文字逐步输入，并且还伴随一些有点炫的动画，为个人生恶趣味发作，写篇博客压压惊今天清理chrome书签，突然就点到了一个关于知乎五周年的网页，这帮程序员的脑子真有趣，就算是保存一年后再看也还是觉得...

nanchen2251 2019-08-29 11:08 评论0 收藏0
简单的 js控制逐步显示文字输出

摘要：恶趣味发作，写篇博客压压惊今天清理书签，突然就点到了一个关于知乎五周年的网页，这帮程序员的脑子真有趣，就算是保存一年后再看也还是觉得好有趣，下边是一个截图这个网页展示了一个类似接口的小窗口，文字逐步输入，并且还伴随一些有点炫的动画，为个人生恶趣味发作，写篇博客压压惊今天清理chrome书签，突然就点到了一个关于知乎五周年的网页，这帮程序员的脑子真有趣，就算是保存一年后再看也还是觉得...

Cobub 2019-08-20 10:23 评论0 收藏0
通过项目逐步深入了解Spring MVC（一）

摘要：是一个基于的框架。控制器将视图响应给用户通过视图展示给用户要的数据或处理结果。有了减少了其它组件之间的耦合度。相关阅读：本文档和项目代码地址：https://github.com/zhisheng17/springmvc 转载请注明出处和保留以上文字！了解 Spring： Spring 官网：http://spring.io/ 一个好的东西一般都会有一个好的文档解释说明，如果你...

whataa 2019-08-14 17:02 评论0 收藏0
什么是 CSS？

摘要：的第二章，什么是释义，层叠样式表也算是一种标记语言，其内容作为浏览器的输入，浏览器会解析其文本内容，作为附加的样式信息，用以修饰标签。年，提出层叠样式表，的雏形出现。属性的继承开篇我们就提到了，为层叠样式表，层叠代表的意思为属性的继承。前言作为程序员，技术的落实与巩固是必要的，因此想到写个系列，名为 why what or how 每篇文章试图解释清楚一个问题。 why what ...

hankkin 2019-08-30 11:26 评论0 收藏0