使用js实现简单的打字效果

Posted 程序员日志

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用js实现简单的打字效果相关的知识,希望对你有一定的参考价值。

    <div class="box"></div>
    <script>
        var div = document.querySelector(\'div\');
        var str = "我叫刘少辉,我爱你们" ;
        var index = 0
        function write() 
            if (index < str.length) 
                div.innerHTML += str[index];
                index++;
            
            
        
        setInterval(write.bind(),200)
        
    </script>

  

本章博客由作者刘少辉著写

以上是关于使用js实现简单的打字效果的主要内容,如果未能解决你的问题,请参考以下文章

最牛的打字效果JS插件 typing.js

从打字机效果的 N 种实现看JS定时器机制和前端动画

js打字机效果实现

js实现打字效果

JS+CSS实现CodePen首页多行打字机动画,最通俗易懂版本

实战用CSS实现文本打字机效果