i am trying to rotate an object continuously.it does rotate one time but i cant make it continuous.please help
<!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>