编辑：

Question

我想在我的网站上添加打字效果。为此，我试图使用TypeIt，一个JS库。我能够使它工作，但问题是我希望第二个TypeIt实例只在第一个完成时运行。与他们的Documentation一样，有一种名为WebPage

的方法

以下是我的尝试方式。

HTML

ScoreDatum

JavaScript是

instance.isComplete

我试图使用一个循环，一旦实例完成就会中断，但问题是我陷入无限循环并且页面无法加载

Answer 1

当您声明第一个选项时，您可以将第二个电话放在afterComplete属性中;但是，我觉得这可能是更好的方法。您可能想再次阅读文档。

＆＃13;

var instance =   new TypeIt('#example1', {
  strings: ["FIRST TEXT"],
  speed: 75,
  autoStart: true,
  afterComplete: function(instance){
    instance.destroy();
    new TypeIt('#example2', {
      strings: ["TEXT TO APPEAR AFTER FIRST IS COMPLETE"],
      speed: 75,
      autoStart: true
    });
  }
});

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/typeit/5.10.1/typeit.min.js"></script>
<p id="example1"></p>
<p id="example2"></p>

＆＃13;

编辑：

以下是我认为你想要的效果：

＆＃13;

var instance =   new TypeIt('#example1', {
  speed: 75,
  autoStart: true
})
.type('FIRST TEXT')
.break()
.type('TEXT TO APPEAR AFTER FIRST IS COMPLETE');

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/typeit/5.10.1/typeit.min.js"></script>
<p id="example1"></p>
<p id="example2"></p>

＆＃13;

文档网站有demo codepen

仅在第一次完成后启用第二次输入

1 个答案:

编辑：