Typewriter JS，如何在Normal中删除快速类型字符中的字符

Question

我通过此链接在我的网站上使用Typewriterjs。 https://safi.me.uk/typewriterjs/。它以正常速度键入字符，以正常速度删除。我想删除“快速”中的字符。但我不知道哪个函数正在处理这个场景。请帮忙。

var app = document.getElementById('app');

var typewriter = new Typewriter(app, {
  loop: true
});

typewriter.typeString('Hello World!')
  .pauseFor(500)
  .deleteAll()
  .typeString('Strings can be removed')
  .pauseFor(500)
  .start();

<script src="https://cdnjs.cloudflare.com/ajax/libs/TypewriterJS/1.0.0/typewriter.min.js"></script>
<div id='app'></div>

Answer 1

您可以将速度参数传递给deleteAll()方法。

const instance = new Typewriter('#typewriter', {
  loop: true,
});

instance.typeString('Hello world!')
  .pauseFor(1000)
  .deleteAll(15)
  .typeString('Another message here...')
  .pauseFor(1000)
  .start();

<script src="https://unpkg.com/[email protected]/dist/core.js"></script>
<div id="typewriter"></div>

Answer 2

作为@ James Coyle的answer的替代，你可以将deleteSpeed设置为配置的一部分来覆盖默认的删除速度。

默认情况下，它设置在50-150ms之间：

this.default_options = {
  strings: false,
  cursorClassName: 'typewriter-cursor',
  cursor: '|',
  animateCursor: true,
  blinkSpeed: 50,
  typingSpeed: 'natural',
  deleteSpeed: 'natural',
  charSpanClassName: 'typewriter-char',
  wrapperClassName: 'typewriter-wrapper',
  loop: false,
  autoStart: false,
  devMode: false
};

.....

if (delete_speed == 'natural') {
  delete_speed = self._randomInteger(50, 150);
}

---

样品：

var app = document.getElementById('app');

var typewriter = new Typewriter(app, {
  loop: true,
  deleteSpeed: 10
});

typewriter.typeString('Hello World!')
  .pauseFor(500)
  .deleteAll()
  .typeString('Strings can be removed')
  .pauseFor(500)
  .start();

<script src="https://cdnjs.cloudflare.com/ajax/libs/TypewriterJS/1.0.0/typewriter.min.js"></script>
<div id='app'></div>