JS Canvas Rainbow Text Fill Up Space Animation V1

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a par<html>
<body onload="setInterval(drawe,22)" background-color="white">
<canvas id="myCanvas" width="1000" height="1000" style="background:black;">
</canvas>
<script>
var inn=prompt('Enter String:');
var outlen=(inn.length*4);
var ii=outlen;

function drawe(){
var out
ii++;
var text = "";
var possible = "FABCGDE0123456789";
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.font="50px Comis Ariel"
for(var i=0; i!=6; i++)
text+=possible.charAt(Math.floor(Math.random()*possible.length));
ctx.strokeStyle='#'+text;
ctx.fillStyle="#"+text;
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.fillText(inn,Math.random()*1000,ii,ii,ii,ii);
//ctx.fill();
text='';
if(outlen<4){

}
}
</script>
</body>agraph.</p>

</body>
</html>