JavaScript文本未显示

我在从html加载javascript动画时遇到问题

脚本没有在javascript中打印文本，但屏幕在最后逐渐淡出，如codepen示例中所示。以下是当前的JS：

var textarea = $(".term");
var speed = 50; //Writing speed in milliseconds
var text = "sh andrew_website.sh";

var i = 0;

runner();

function runner() {
  textarea.append(text.charAt(i));
  i++;
  setTimeout(function () {
    if (i < text.length) runner();
    else {
      textarea.append("<br>");
      i = 0;
      setTimeout(function () {
        feedbacker();
      }, 1000);
    }
  }, Math.floor(Math.random() * 220) + 50);
}

var count = 0;
var time = 1;
function feedbacker() {
  textarea.append("[    " + count / 1000 + "] " + output[i] + "<br>");
  if (time % 2 == 0) {
    i++;
    textarea.append("[    " + count / 1000 + "] " + output[i] + "<br>");
  }
  if (time == 3) {
    i++;
    textarea.append("[    " + count / 1000 + "] " + output[i] + "<br>");
    i++;
    textarea.append("[    " + count / 1000 + "] " + output[i] + "<br>");
    i++;
    textarea.append("[    " + count / 1000 + "] " + output[i] + "<br>");
  }
  window.scrollTo(0, document.body.scrollHeight);
  i++;
  time = Math.floor(Math.random() * 4) + 1;
  count += time;
  setTimeout(function () {
    if (i < output.length - 2) feedbacker();
    else {
      textarea.append("<br>Initialising...<br>");
      setTimeout(function () {
        $(".load").fadeOut(1000);
      }, 500);
    }
  }, time);
}

var output = [

var textarea=$（“.term”）；
无功转速=50//写入速度（毫秒）
var text=“sh andrew_website.sh”；
var i=0；
跑步者（）；
函数runner（）{
textarea.append（text.charAt（i））；
i++；
setTimeout（函数（）{
if（i”）；
i=0；
setTimeout（函数（）{
反馈器（）；
}, 1000);
}
}，Math.floor（Math.random（）*220）+50）；
}
var计数=0；
var时间=1；
函数反馈器（）{
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
如果（时间%2==0）{
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
}
如果（时间=3）{
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
}
scrollTo（0，document.body.scrollHeight）；
i++；
时间=Math.floor（Math.random（）*4）+1；
计数+=时间；
setTimeout（函数（）{
if（i初始化…
”）；
setTimeout（函数（）{
$（“.load”）.fadeOut（1000）；
}, 500);
}
}，时间）；
}
变量输出=[

---

出现的一个错误是定义了VAR speed，但没有在JS代码中的任何地方使用它，但是我不知道它可以在哪里使用。任何帮助都将不胜感激，谢谢，Oliver。

确保嵌入jQuery，对我来说很好

var textarea=$（'.term'）；
var speed=50；//写入速度（毫秒）
var text='sh andrew_website.sh'；
var i=0；
跑步者（）；
函数runner（）{
textarea.append（text.charAt（i））；
i++；
设置超时(
函数（）{
如果（i”）
i=0；
setTimeout（函数（）{feedbacker（）；}，1000）；
}
}，Math.floor（Math.random（）*220）+50）；
}
var计数=0；
var时间=1；
函数反馈器（）{
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
如果（时间%2==0）{
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
}
如果（时间=3）{
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
i++；
textarea.append（“[”+计数/1000+“]”“+输出[i]+”
”）；
}
scrollTo（0，document.body.scrollHeight）；
i++；
时间=Math.floor（Math.random（）*4）+1；
计数+=时间；
设置超时(
函数（）{
如果（i初始化…
”）；
setTimeout（function（）{$（“.load”）.fadeOut（1000）；}，500）；
}
}，时间）；
}
变量输出=[“测试”，
“工作”，
“fsdfsdf”，
“初始化…”，“”]；

html，
身体{
保证金：0自动；
身高：100%；
}
前{
填充：0；
保证金：0；
}
.装载{
保证金：0自动；
最小高度：100%；
宽度：100%；
背景：黑色；
}
.术语{
字体系列：monospace；
颜色：#fff；
不透明度：0.8；
字号：2em；
溢出y：自动；
溢出x：隐藏；
填充顶部：10px；
左侧填充：20px；
}
.任期：以后{
内容:""；
不透明度：1；
动画：光标1s无穷大；
}
@关键帧光标{
0% {
不透明度：0；
}
40% {
不透明度：0；
}
50% {
不透明度：1；
}
90% {
不透明度：1；
}
100% {
不透明度：0；
}
}

andrew@dev:~$ 

有趣的问题一定是客户端的问题。谢谢您的检查。