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
}

打字效果：每个单词

2 个答案: