资讯专栏INFORMATION COLUMN

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

wuyangchun / 806人阅读

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

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

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


 
 
 
 
逐个显示 



 
|

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

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

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

相关文章

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

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

    nanchen2251 评论0 收藏0
  • 简单 js控制逐步显示文字输出

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

    Cobub 评论0 收藏0
  • 通过项目逐步深入了解Spring MVC(一)

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

    2bdenny 评论0 收藏0
  • 通过项目逐步深入了解Spring MVC(一)

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

    whataa 评论0 收藏0
  • 什么是 CSS?

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

    hankkin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<