让一段文字在一定时间内显示出来

有一段文字，怎么让这段文字从上往下一行一行的显示出来，而不是一下就显示出来，应该怎么弄？

解决方案 »

  1.   

    <?php
    echo "hello";
    sleep(5);
    echo "world";
    sleep(5);
    echo "!!!!";
    ?>
    试试
      

  2.   

    能不能麻烦您帮我写一个简单的，谢谢<body><style>
        li {list-style-type:none;}
        .box {width: 400px;height:320px;margin:0 auto;margin-top:10%;}
        .box ul li {width: 100%; display:none;}
    </style><div class="box">
        <ul class="list-group">
            <li class="list-group-item">1</li>
            <li class="list-group-item">2</li>
            <li class="list-group-item">3</li>
            <li class="list-group-item">4</li>
            <li class="list-group-item">5</li>
            <li class="list-group-item">6</li>
            <li class="list-group-item">7</li>
            <li class="list-group-item">8</li>
        </ul></div>
    <script>
        var num = 1;
        setInterval(function takeout(){
            $('.list-group').children('ul li:nth-child('+ num +')').css({'display':'block'});
            num++;
        },200);</script><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
    </body>
      

  3.   

    能不能麻烦您帮我写一个简单的，谢谢
    你看一下吧 html我没有粘上来 计时器 你可以停止
      

  4.   

    或者这样：
    怎么在一定时间内让d2从d1的底部从下往上的盖住d1<div id="d1" style="width: 100%; height:200px;">
    我是d1的内容
    </div><div id="d2">
    <img src="images/153535.jpg"  width="100%" height="200">
    </div>
      

  5.   

    一样的呀 只是把css 改一下 或者 用JQ的animate  动态效果 可以渐入渐出