jquery 实现文本内容逐个显示

劉三岁

于 2023-05-23 10:00:42 发布

阅读量313

点赞数

文章标签： jquery 前端 html5 javascript

本文链接：https://blog.csdn.net/qq_45475788/article/details/130820907

版权

<div id="text"></div>

<script>
function showText(obj, text, i){
        var timer = setInterval(function(){
            if(i < text.length){
                obj.append(text[i]);
                i++;
            }else{
                clearInterval(timer);
            }
        }, 100);
}

showText($('#text'), '这是要展示的文字内容。', 0);
</script>

参数解释：
obj:表示要插入此文字内容的dom元素
text:要展示的文字
i：表示从第几个文字开始开始，默认为0