运行 ❯
获取您
的
网站
×
更改方向
保存代码
更改主题，深色/浅色
前往 Spaces
<!DOCTYPE html> <html> <body> <h2>SVG script Element</h2> <svg width="600" height="100" xmlns="http://www.w3.org/2000/svg"> <circle id="circle4" cx="50" cy="50" r="50" style="fill:red;" /> Sorry, your browser does not support inline SVG. </svg> <script> var t = null; function start() { if(t == null) { t = setInterval(animate, 20); } } function stop() { if(t != null) { clearInterval(t); t = null; } } function animate() { var circle = document.getElementById("circle4"); var cx = circle.getAttribute("cx"); var newCX = 2 + parseInt(cx); if(newCX > 600) { newCX = 50; } circle.setAttribute("cx", newCX); } </script> <br/> <input type="button" value="Start" onclick="start()" /> <input type="button" value="Stop" onclick="stop()" /> </body> </html>
