タイピングの効果：単語ごとの単語

Question

私は、1文字あたりの単語ではなく、1単語あたりの単語の入力効果をどのようにするかを考えてきました。これまで私が検索したすべてのリンクは、1文字の文字のタイプライター効果を提供しています。

https://macarthur.me/typeit/ https://github.com/mattboldt/typed.js/

これは達成することは可能ですか？あるいは何か似たようなことをしましたか？

Answer 1

これはかなり簡単です。 間隔を登録し、テキストを分割し、配列を逆にして最後の項目をポップするだけです。テキストコンテナに追加したもの。完了しました。

JS

var myText = "Some text you want to be typed automagically.."; 
var myWords = myText.split(" ").reverse(); 

var ntrvl = setInterval(function() { 
    addNextWord(); 
}, 150); 

function addNextWord() { 
    var nextWord = myWords.pop(); 
    if(nextWord !== undefined) { 
     var textNow = $(".write-here").text() + " " + nextWord; 
     $(".write-here").text(textNow); 
    } 
} 

あなたはこれをどう思いますか？

JSfiddle

Answer 2

一度に1つずつ印刷したいワードで配列を作成します。

const sentence = 'this sentence will be displayed one word at a time'; 
var arrayOfWords = sentence.split(' '); 

for (var i = sentence.length - 1; i >= 0; i--) { 
    setTimeout(function(){ 
     console.log(sentence[i]); // or display another way 
    }, 400) // set this to your desired interval 
}