JS实现字体逐个打印

Posted wgchen~

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS实现字体逐个打印相关的知识,希望对你有一定的参考价值。

<body>
 
    <textarea name="" id="text" cols="30" rows="10"></textarea>
 
</body>
 
<script>
 
    var i =0;
 
    var str = '就让他带走你的那瞬间 成为我们的纪念 谁能发现我的世界 曾经有过你的脸!'
 
    //页面加载完成后执行
    window.onload = function demo()
    {
        var text = document.getElementById('text');
        //页面打印
        text.innerhtml += str.charAt(i);
        i++;
        var j = setTimeout(demo,100);
    }
</script>

以上是关于JS实现字体逐个打印的主要内容,如果未能解决你的问题,请参考以下文章

关于js----------------分享前端开发常用代码片段

js设置打印字体

用CSS或js如何实现字体渐渐消失

Printjs 打印样式丢失,字体无法更改的处理方法

Printjs 打印样式丢失,字体无法更改的处理方法

Printjs 打印样式丢失,字体无法更改的处理方法