Déplacer un dessin automatiquement

La page

Le code

Le code HTML

<p><canvas id="monCanvas" width="800" height="60" style="background-color:#CCC"></canvas></p>

Le code JAVASCRIPT

var canvas = document.querySelector('#monCanvas');
var ctx = canvas.getContext('2d');
var centreX = canvas.width/2;
var centreY = canvas.height/2;
function dessine() {
	centreX = (centreX+2) % canvas.width;
	ctx.clearRect(0,0,canvas.width,canvas.height);
	ctx.beginPath();
	ctx.arc(centreX,centreY,10,0,2*Math.PI);
	ctx.closePath();
	ctx.fillStyle = 'rgba(0,100,0,0.5)';
	ctx.stroke();
	ctx.fill();
	setTimeout(dessine,20);  //Lance la fonctin dessine() après un délai de 20 ms
}
dessine();