当前位置:Gxlcms > JavaScript > JS实现自动打字效果的代码

JS实现自动打字效果的代码

时间:2021-07-01 10:21:17 帮助过:9人阅读

本文主要和大家分享JS实现自动打字效果,主要以代码的形式和大家分享,希望能帮助到大家。

<!DOCTYPE html><html><head>
    <meta charset='utf-8'>
    <title>自动打字</title></head><body><p id='auto'></p><script>
    var str = '这是一段自动打字的代码,很有趣,哈哈哈哈哈哈,呵呵呵呵呵';    var i = 0;    function auto(){
        var pTyping = document.getElementById('auto');        if (i <= str.length) {
            pTyping.innerHTML = str.slice(0, i++) ;
            setTimeout('auto()', 150);//递归调用
        }
    }
    auto();</script></body></html>

以上就是JS实现自动打字效果的代码的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行