css中一个一个字显示效果

最新推荐文章于 2024-04-10 17:05:49 发布

生于忧患-死于安乐-人生不能虚度---

最新推荐文章于 2024-04-10 17:05:49 发布

阅读量4.5k

点赞数 3

分类专栏： JavaScript 度 CSS 文章标签： css 前端其他音视频小程序

本文链接：https://blog.youkuaiyun.com/frt007/article/details/122498182

版权

度同时被 3 个专栏收录

11 篇文章

订阅专栏

JavaScript

3 篇文章

订阅专栏

CSS

2 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的CSS效果，能够使文本逐字显示，并带有延时效果。通过不断更新innerHTML来达到逐字出现的视觉体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id="divOutput"></div>
    <script>
        var str = "css中一个一个字显示效果!"
        var i = 0;
        function outPuting(){
            var divOutput = document.getElementById('divOutput')
            if(i<=str.length){
                divOutput.innerHTML = str.slice(0,i++) + "-";
                setTimeout("outPuting()",200)
            }else{
                divOutput.innerHTML = str;
            }
        }
        outPuting();
       // 停止计时器
       function stopSetTimeout() {
           var highestTimeoutId = setTimeout(';');
           for (var i = 0; i < highestTimeoutId; i++) {
               clearTimeout(i);
           }
       }

</script>