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

显示文字(逐个字显示)

作者: 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