Javascript 动画结束时如何停止声音

一般来说，我在编码方面的经验很少。但我已经设法做到了这一点，我被困在最后一件事上

这是Twitch警报，我通过“流元素”来实现

我遇到的问题是，一旦打字字母完全出现，声音就会停止，我不知道该怎么做。有可能吗

我忘了提到，Typekit链接是故意断开的，因为我不想共享该链接（因为我假设它们都是唯一的，并且基于您的adobe帐户）

$（文档）.ready（函数（）{
var timer，fullText，currentOffset，onComplete，hearbeat=document.getElementById（'heartbeat'）；
心跳。播放（）；
函数Speak（人称、文本、回调）{
$（“#usernamean container”）.html（person）；
全文=文本；
currentOffset=0；
onComplete=回调；
定时器=设置间隔（onTick，120
);
}
函数onTick（）{
currentOffset++；
if（currentOffset==全文.length）{
完全（）；
返回；
}
var text=fullText.substring（0，currentOffset）；
$（“#消息”）.html（文本）；
}
函数完成（）{
清除间隔（计时器）；
定时器=空；
$（“#message”）.html（全文）；
onComplete（）
;
}
$（“.box”）。单击（函数（）{
完全（）；
});
说“{{name}}”，
“{{name}}现在是证人”，
)
//从获取数据您好，欢迎来到Stack Overflow

我看过梅西耶代码，因此感到失望；-）。关于您的问题：

主要的问题是您的代码中有一个输入错误，您在
complete
方法中调用
heartbeat.pause（）；
，而不是在脚本末尾调用（因为这将独立于动画的完成而调用）

打字错误：

更改方法：

function complete() {
    clearInterval(timer);
    timer = null;
    $("#message").html(fullText);
    heartbeat.pause();
    heartbeat.currentTime = 0;
}

并删除脚本底部的行。
这是一件非常有趣的事情，哈哈，非常感谢！顺便问一下，可以有{{name}以不同的颜色显示？我该怎么做？非常感谢！为额外的问题感到抱歉！非常欢迎您，很好，您已经解决了问题！如何将用户名包装在span中，如
{{name}}现在是一个见证人
和一个额外的CSS类，如
.username{color:red；}
？关于打字错误：这里有另一个：
$（“#用户名容器”）
-）如果您希望用户名不仅在文本中而且在用户名容器中以不同的颜色显示，请将用户名包装在
Speak（）中。
例程：
$（“#用户名容器”）.html（“+person+”；
。
function complete() {
    clearInterval(timer);
    timer = null;
    $("#message").html(fullText);
    heartbeat.pause();
    heartbeat.currentTime = 0;
}