js实现文字逐个显示的效果

最新推荐文章于 2024-08-01 10:15:29 发布

金牌战五渣

最新推荐文章于 2024-08-01 10:15:29 发布

阅读量8k

点赞数 3

分类专栏： js

本文链接：https://blog.csdn.net/onepiece1991/article/details/81386998

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<p id="aa"></p>
<div style="display:none" id="w">今天的雨跟依萍找他爸要钱的那天一样大！</div>
<script src="jquery.min.js"></script>
<script type="text/javascript">
    window.onload = type;
    var index = 0;
    var word = $("#w").html();
    function type(){
        $("#aa").html(word.substring(0,index++));
        if(index > word.length) {
            return;
        } else {
            setTimeout(type,50);
        };
    }
</script>