Rumah > Artikel > hujung hadapan web > JS实现自动打字效果的代码

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

小云云asal: 2018-03-26 16:14:243474semak imbas

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

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

Atas ialah kandungan terperinci JS实现自动打字效果的代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：js实现动态获取地址栏后的参数Artikel seterusnya：JS中节点操作实例

Artikel berkaitan

Lihat lagi