Javascript snake中的SVG动画

Javascript snake中的SVG动画,javascript,animation,svg,Javascript,Animation,Svg,我正在尝试使用SVG以蛇形方式为文本设置动画,如下所示: 我的目标是使文本动画化,但在同一位置。我已经这样做了: var textPath=document.getElementById('texto'), compremento=textPath.getAttribute('startOffset'); var animador=setInterval(函数(){ 压缩--; setAttribute('startOffset',compremento); }, 10); 测试此文本 使

我正在尝试使用SVG以蛇形方式为文本设置动画,如下所示:

我的目标是使文本动画化,但在同一位置。我已经这样做了:

var textPath=document.getElementById('texto'),
compremento=textPath.getAttribute('startOffset');
var animador=setInterval(函数(){
压缩--;
setAttribute('startOffset',compremento);
}, 10);

测试此文本
使用++而不是--,然后一旦偏移值达到240(向后移动时的原始起始值),停止增加它

var textPath=document.getElementById('texto'),
compremento=textPath.getAttribute('startOffset');
var animador=setInterval(函数(){
如果(压缩<240){
compremento++;
setAttribute('startOffset',compremento);
}
}, 10);

测试此文本

我能在决赛中停下来吗@Robert?我已经把答案改为“停”。您也可以取消设置间隔计时器。