我正在嘗試將單個單詞從帖子正文中閃現到一個 div 中，一次一個單詞非常非常快。
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);
};
uj5u.com熱心網友回復：
根據您提供的少量資訊，我在這里創建了一個沙箱，它通過單擊按鈕讀取 a 的內部文本，postbody然后設定flashreadword每 200 毫秒的內部文本。我使用了異步和等待，您可以設定超時，但您可能會遇到不同步的情況。
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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/476200.html
標籤：javascript