alert("Wait for eight seconds"); window.onload=function(){ function myfunc(){ var sin = 0; var cos = 0; var tan = 150; var cot = 150; //our box element var box = document.getElementById('box'); var t = setInterval(movetoright, 10); function movetoright() { if(sin >= 150) { $(function() { $("#box").css("background-color", "purple"); $("#box").width(50); $("#box").height(50); }); clearInterval(t); t= setInterval(movetodown,10); } else { sin += 1; box.style.left = sin+'px'; } } function movetodown(){ if(cos >= 150){ $(function() { $("#box").css("background-color", "green"); $("#box").width(50); $("#box").height(50); }); clearInterval(t); t=setInterval(movetoleft,10); } else{ cos += 1; box.style.top = cos+"px"; } } function movetoleft(){ if(tan <= 0){ $(function() { $("#box").css("background-color", "silver"); $("#box").width(50); $("#box").height(50); }); clearInterval(t); t=setInterval(movetoorigin,10); } else{ tan -= 1; box.style.left = tan+"px" } } function movetoorigin(){ if(cot<=0){ $(function() { $("#box").css("background-color", "red"); $("#box").width(50); $("#box").height(50); }); clearInterval(t); } else{ cot -= 1; box.style.top =cot+"px" } } }; setInterval(myfunc,8000); function myjunc() { var sin = 0; var cos = 0; var tan = 150; var cot = 150; //our box element var box = document.getElementById('square'); var t = setInterval(movetodown, 10); function movetodown(){ if(cos >= 150){ $(function() { $("#square").css("background-color", "orange"); $("#square").width(50); $("#square").height(50); }); clearInterval(t); t=setInterval(movetoright,10); } else{ cos += 1; box.style.top = cos+"px"; } } function movetoright() { if(sin >= 150) { $(function() { $("#square").css("background-color", "brown"); $("#square").width(50); $("#square").height(50); }); clearInterval(t); t=setInterval(movetoleft,10); } else { sin += 1; box.style.left = sin+'px'; } } function movetoleft(){ if(tan <= 0){ $(function() { $("#square").css("background-color", "gold"); $("#square").width(50); $("#square").height(50); }); clearInterval(t); t=setInterval(movetoorigin,10); } else{ tan -= 1; box.style.top = tan+"px" } } function movetoorigin(){ if(cot<=0){ $(function() { $("#square").css("background-color", "violet"); $("#square").width(50); $("#square").height(50); }); clearInterval(t); } else{ cot -= 1; box.style.left =cot+"px" } } }; setInterval(myjunc,8000); function mybox() { var sin = 0; var cos = 0; var tan = 150; var cot = 150; //our box element var box = document.getElementById('box1'); var t = setInterval(movetoright, 10); function movetoright() { if(sin >= 150) { $(function() { $("#box1").css("background-color", "purple"); $("#box1").width(50); $("#box1").height(50); }); clearInterval(t); t= setInterval(movetodown,10); } else { sin += 1; box1.style.bottom = sin+'px'; } } function movetodown(){ if(cos >= 150){ $(function() { $("#box1").css("background-color", "green"); $("#box1").width(50); $("#box1").height(50); }); clearInterval(t); t=setInterval(movetoleft,10); } else{ cos += 1; box1.style.left = cos+"px"; } } function movetoleft(){ if(tan <= 0){ $(function() { $("#box1").css("background-color", "silver"); $("#box1").width(50); $("#box1").height(50); }); clearInterval(t); t=setInterval(movetoorigin,10); } else{ tan -= 1; box1.style.bottom = tan+"px" } } function movetoorigin(){ if(cot<=0){ $(function() { $("#box1").css("background-color", "red"); $("#box1").width(50); $("#box1").height(50); }); clearInterval(t); } else{ cot -= 1; box1.style.left =cot+"px" } } }; setInterval(mybox,8000); function mysquare() { var sin = 0; var cos = 0; var tan = 150; var cot = 150; //our box element var box = document.getElementById('square1'); var t = setInterval(movetoright, 10); function movetoright() { if(sin >= 150) { $(function() { $("#square1").css("background-color", "purple"); $("#square1").width(50); $("#square1").height(50); }); clearInterval(t); t= setInterval(movetodown,10); } else { sin += 1; square1.style.left = sin+'px'; } } function movetodown(){ if(cos >= 150){ $(function() { $("#square1").css("background-color", "green"); $("#square1").width(50); $("#square1").height(50); }); clearInterval(t); t=setInterval(movetoleft,10); } else{ cos += 1; square1.style.bottom = cos+"px"; } } function movetoleft(){ if(tan <= 0){ $(function() { $("#square1").css("background-color", "silver"); $("#square1").width(50); $("#square1").height(50); }); clearInterval(t); t=setInterval(movetoorigin,10); } else{ tan -= 1; square1.style.left = tan+"px" } } function movetoorigin(){ if(cot<=0){ $(function() { $("#square1").css("background-color", "red"); $("#square1").width(50); $("#square1").height(50); }); clearInterval(t); } else{ cot -= 1; square1.style.bottom =cot+"px" } } }; setInterval(mysquare,8000); function mycube(){ var sin = 0; var cos = 0; var tan = 150; var cot = 150; //our box element var box = document.getElementById('cube'); var t = setInterval(movetoright, 10); function movetoright() { if(sin >= 150) { $(function() { $("#cube").css("background-color", "purple"); $("#cube").width(50); $("#cube").height(50); }); clearInterval(t); t= setInterval(movetodown,10); } else { sin += 1; cube.style.top = sin+'px'; } } function movetodown(){ if(cos >= 150){ $(function() { $("#cube").css("background-color", "green"); $("#cube").width(50); $("#cube").height(50); }); clearInterval(t); t=setInterval(movetoleft,10); } else{ cos += 1; cube.style.right = cos+"px"; } } function movetoleft(){ if(tan <= 0){ $(function() { $("#cube").css("background-color", "silver"); $("#cube").width(50); $("#cube").height(50); }); clearInterval(t); t=setInterval(movetoorigin,10); } else{ tan -= 1; cube.style.top = tan+"px" } } function movetoorigin(){ if(cot<=0){ $(function() { $("#cube").css("background-color", "red"); $("#cube").width(50); $("#cube").height(50); }); clearInterval(t); } else{ cot -= 1; cube.style.right =cot+"px" } } }; setInterval(mycube,8000); function myrect() { var sin = 0; var cos = 0; var tan = 150; var cot = 150; //our box element var box = document.getElementById('rect'); var t = setInterval(movetoright, 10); function movetoright() { if(sin >= 150) { $(function() { $("#rect").css("background-color", "purple"); $("#rect").width(50); $("#rect").height(50); }); clearInterval(t); t= setInterval(movetodown,10); } else { sin += 1; rect.style.right = sin+'px'; } } function movetodown(){ if(cos >= 150){ $(function() { $("#rect").css("background-color", "green"); $("#rect").width(50); $("#rect").height(50); }); clearInterval(t); t=setInterval(movetoleft,10); } else{ cos += 1; rect.style.top = cos+"px"; } } function movetoleft(){ if(tan <= 0){ $(function() { $("#rect").css("background-color", "silver"); $("#rect").width(50); $("#rect").height(50); }); clearInterval(t); t=setInterval(movetoorigin,10); } else{ tan -= 1; rect.style.left = tan+"px" } } function movetoorigin(){ if(cot<=0){ $(function() { $("#rect").css("background-color", "red"); $("#rect").width(50); $("#rect").height(50); }); clearInterval(t); } else{ cot -= 1; rect.style.top =cot+"px" } } }; setInterval(myrect,8000); };

Simple but Sample of circles