Untitled

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="700" height="700" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

var x=0;
var cw=700;
var ch=700;
var xd=700;
var jd=700;

    function wieszocochodzitymnienieprzegadasz() {

        ctx.fillRect(xd/2,jd/2,cw-700,ch-700);
        ctx.fillStyle="red";
        xd--;
        jd--;
        cw++;
        ch++;


}

	function noniewiemjaktamtwojaszmaciura(){

		ctx.fillStyle = 'green';
		ctx.beginPath();
		ctx.arc(cx, cy, f, 0, 2 * Math.PI, false);
		ctx.fill();
		f += 1;


	}

var jebac=setInterval(wieszocochodzitymnienieprzegadasz,1);
var disa=setInterval(noniewiemjaktamtwojaszmaciura,5);


</script>

</body>
</html>