打字效果：每個字

Question

字我已經搞清楚如何有一個打字的效果是每個字的字，而不是每個字母信。到目前爲止，我搜索的所有鏈接都提供每個字母打字機效果的字母。

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

創建要打印一次一個取其單詞的數組。

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 
}