Javascript SVG pause/play无法理解为什么这不是';不工作。。。?

Javascript SVG pause/play无法理解为什么这不是';不工作。。。?,javascript,html,css,svg,Javascript,Html,Css,Svg,我需要代码来像上一样工作 SVG的播放和暂停。我进入inspect并提取了所有我能提取的代码,这些代码似乎是HTML。我无法看到或找到CSS或Javascript。不确定这是否正常 var时间=0; 函数updateTimer(){ //document.getElementById(“t”).textContent=document.documentElement.getCurrentTime().toFixed(0)+“s”; } 函数暂停(){ 时间=document.document

我需要代码来像上一样工作

SVG的播放和暂停。我进入inspect并提取了所有我能提取的代码,这些代码似乎是HTML。我无法看到或找到CSS或Javascript。不确定这是否正常


var时间=0;
函数updateTimer(){
//document.getElementById(“t”).textContent=document.documentElement.getCurrentTime().toFixed(0)+“s”;
}
函数暂停(){
时间=document.documentElement.getCurrentTime();
document.documentElement.pauseAnimations();
净间隔(t);
}
函数播放(){
如果(时间0)
document.documentElement.setCurrentTime(时间);
净间隔(t);
t=设置间隔(updateTimer,100);
document.documentElement.unpauseAnimations();
}
函数停止(){
时间=0;
净间隔(t);
document.documentElement.setCurrentTime(0);
document.documentElement.pauseAnimations();
}

简短版本:必须在SVG节点上调用getCurrentTime和setCurrentTime

const mySvg=document.getElementById(“mySvg”)
函数updateTimer(){
常量t=`${mySvg.getCurrentTime().toFixed(0)}s`;
document.getElementById(“t”).textContent=t;
}
函数设置当前时间(t){
mySvg.setCurrentTime(t)
}
函数暂停(){
mySvg.pauseAnimations()
}
函数播放(){
mySvg.unpauseAnimations()
}
函数停止(){
clearInterval();
设置当前时间(0);
mySvg.pauseAnimations()
updateTimer();
}

简短版本:必须在SVG节点上调用getCurrentTime和setCurrentTime

const mySvg=document.getElementById(“mySvg”)
函数updateTimer(){
常量t=`${mySvg.getCurrentTime().toFixed(0)}s`;
document.getElementById(“t”).textContent=t;
}
函数设置当前时间(t){
mySvg.setCurrentTime(t)
}
函数暂停(){
mySvg.pauseAnimations()
}
函数播放(){
mySvg.unpauseAnimations()
}
函数停止(){
clearInterval();
设置当前时间(0);
mySvg.pauseAnimations()
updateTimer();
}


好消息!我发现你发布的最上面的代码是我丢失的JS。。。坏消息;我觉得自己像个傻瓜,因为我没有明白这不仅仅是剧本的一部分,就像我第一次想的那样!谢谢谢谢你的帮助!很高兴你明白了。如果这个答案对你有帮助,请随意接受。不要觉得自己像个傻瓜。我在我的答案中添加了更多的信息,这真正解释了在你提供的链接上运行代码和在代码笔中运行相同代码之间的区别。明白了!谢谢好消息!我发现你发布的最上面的代码是我丢失的JS。。。坏消息;我觉得自己像个傻瓜,因为我没有明白这不仅仅是剧本的一部分,就像我第一次想的那样!谢谢谢谢你的帮助!很高兴你明白了。如果这个答案对你有帮助,请随意接受。不要觉得自己像个傻瓜。我在我的答案中添加了更多的信息,这真正解释了在你提供的链接上运行代码和在代码笔中运行相同代码之间的区别。明白了!谢谢