Question

我成功添加了此插件：https://safi.me.uk/typewriterjs。我可以调整删除速度，但不确定如何调整实际打字速度？另外，我想使闪烁的光标稍大于实际的 font / text 大小。

如何为js添加打字速度？
如何更改闪烁的光标大小？

任何帮助将不胜感激！谢谢。

迈克

Answer 1

基本上，您需要添加两个附加选项。

延迟-控制光标的速率

cursorClassName -控制将类应用于实际光标。

有延迟，您以毫秒为单位进行设置。

对于cursorClassName，您基本上只需要创建一个css类，设置大小并真正执行您想要的其他任何事情。

此外，您可以将此内容附加在Typewriter构造函数中。

示例：

var app = document.getElementById('app');

var typewriter = new Typewriter(app, {
    loop: true,
    delay: 1000, // SET TO USE A 1 SECOND DELAY
    cursorClassName: 'cursorSize' // SET TO MY CUSTOM CLASS NAME
});

typewriter.typeString('Hello World!')
    .pauseFor(2500)
    .deleteAll()
    .typeString('Strings can be removed')
    .pauseFor(2500)
    .deleteChars(7)
    .typeString('<strong>altered!</strong>')
    .pauseFor(2500)
    .start();

.cursorSize {
  font-size: 75px; /*Setting this to a ridiculous size as an example*/
  color: red;
  font-style: italic;
}

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

在上面的代码片段中，您将看到我为光标设置了一个荒谬的大小。那是故意的。我也将其设置为红色和斜体，以便您可以看到它确实正在更新。

关于延迟，我做了1秒钟的延迟，但是想尽办法让它快或慢都可以。

Answer 2

从文档-https://safi.me.uk/typewriterjs/-似乎可以使用'delay'选项来设置打字速度。尽管可以使用“ cursor”选项来设置自定义光标，但是关于光标的大小还不太清楚。

如何提高打字机的效果速度？并增加光标大小？

2 个答案: