x
<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>