i am trying to rotate an object continuously.it does rotate one time but i cant make it continuous.please help
Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.hmm{
    height:60px;
    width:100px;
    border:1px solid black;
    background-color:red;
    }
	#fly{
		-webkit-transition:-webkit-transform 2s ease;
	}
</style>
<script>
function flyit(box){
	var fly=document.getElementById(box);
	
	fly.style.webkitTransform="rotate(360deg)";
var rotate=setTimeout(flyit(box),1000);
	
	
}

</script>
</head>

<body>
<div id="fly" class="hmm">
<script>flyit('fly')</script>
</div>
</body>
</html>