如何在Javascript中改进此打字代码

时间:2019-06-11 00:43:58

标签: javascript jquery

我正在尝试使用javascript制作打字动画,其想法是给定一个字符串数组,JS开始“写入”每个字母的延迟为50ms,等到完成后,等待3秒钟,然后开始完成所有单词后,数组中下一个单词的过程将从头开始

我尝试了递归函数,但是在参数中传递数字时似乎不起作用,它在控制台上显示“ NAN”。

$(document).ready(function ()
{
  var complementos = ['FLUYEN.', 'INSPIRAN.', 'CREAN.', 'INNOVAN.', 'EMPRENDEN'];
  var hg           = $(window).height();

  $('.screen').css('min-height', hg);
  var speed   = 50;
  var i       = 0;
  var current = 0;

  txt = ' ' + complementos[0];

  function typeWriter()
  {
    txt = complementos[current];
    if (i < txt.length) {
      document.getElementById("sub").innerHTML += txt.charAt(i);
      i++;
      setTimeout(typeWriter, speed);
    } else {
      console.log("acabado");
      typeWriter(num + 1);
    }
  }
  typeWriter();
});

我希望屏幕上每个字母上的单词动画都有一个延迟,以便用户可以阅读该单词一段时间,然后传递到下一个单词,并在单词数组中进行无限循环。

0 个答案:

没有答案