Estoy tratando de mostrar las palabras individuales desde dentro del cuerpo de una publicación, en un div, una palabra a la vez, muy, muy rápido.
var postbody = document.getElementById('postbody'); var posttext = $('#postbody').text(); var postwords = posttext.split(" "); for (var i=0; i < postwords.length; i+=1) { console.log(i) setTimeout(function(i) { $("#flashreadword").fadeOut("slow", function (i) { currentword = postwords[i]; console.log(currentword) $("#flashreadword").html(currentword); $("#flashreadword").show(); }); }, 300); };A partir de la poca información que ha proporcionado, he creado una caja de arena aquí , esto lee el texto interno de un postbody de publicación con un clic de un botón y luego establece el texto interno de flashreadword cada 200 ms. He usado asíncrono y espero que pueda establecer tiempos de espera, pero es posible que tenga una condición de quedarse sin sincronización.
import $ from "jQuery"; $("#submit").click(async () => { var posttext = $("#postbody").text(); var postwords = posttext.split(" ").filter((x) => /[aA-zZ]|[0-9]/.test(x)); for (var i = 0; i < postwords.length; i++) { console.log(postwords); await new Promise((r) => setTimeout(r, 200)); $("#flashreadword").text(postwords[i]); } $("#flashreadword").text("ALL WORDS COMPLETED"); }); <div id="app"> <div id="postbody"> This is my text </div> <div id="flashreadword"></div> </div>