美文网首页
显示文字(逐个字显示)

显示文字(逐个字显示)

作者: xueyueshuai | 来源:发表于2023-04-03 13:00 被阅读0次

    方式1

    var display_text = input_text;
    
    var output_elem = $("#output-text");
    output_elem.text(""); // 清空显示区域
    
    
    var i = 0;
    var timer_id = setInterval(function () {
        if (i < display_text.length) {
            output_elem.text(output_elem.text() + display_text[i]);
            i++;
        } else {
            clearInterval(timer_id);
        }
    }, 100);
    

    方式2

    
    

    相关文章

      网友评论

          本文标题:显示文字(逐个字显示)

          本文链接:https://www.haomeiwen.com/subject/kowdddtx.html