zoukankan      html  css  js  c++  java
  • 前端 div内容字一个字一个字的显示

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
           
        <meta charset="UTF-8">
            <title>Title</title>
    </head>
    
    <body>
        <div style="50%; min-height:200px; margin:50px auto">
            <pre id="language_one" style=" color:#F60; font-size:34px;"></pre>
            <div style="display:none;" id="language_two">
                原谅我这一生不羁放纵爱自由
                也会怕有一天会跌倒
                被弃了理想谁人都可以
                那会怕有一天只你共我
                今天我寒夜里看雪飘过
                怀著冷却了的心窝飘远方
                风雨里追赶
                雾里分不清影踪
                天空海阔你与我
                谁没在变     
            </div>
        </div>
        <script language="javascript">
        var index = 0;
        var word = document.getElementById("language_two").innerHTML;
    
        function type() {
            document.getElementById("language_one").innerText = word.substring(0, index++);
        }
        setInterval(type, 100);
        </script>
    </body>
    
    </html>

     请看效果图:

  • 相关阅读:
    px和rem换算
    使用Android Studio创建Android项目
    Hopscotch
    AtCoder Grand Contest 010 --C:Cleaning
    Hello world!
    概率生成函数
    FFT 学习笔记
    扩展中国剩余定理(excrt)
    组合恒等式
    常见数列
  • 原文地址:https://www.cnblogs.com/houBlogs/p/11277825.html
Copyright © 2011-2022 走看看