아날로그시계만들기 2단계(바늘안움직임)

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>clock</title>
  <style>
    #clock { position:relative;width:300px;height:300px; }
    #clock img { position:absolute;top:0;left:0; }
    #digital { width:300px; height:20px; text-align:center; }
	/*
	#hour {transform:rotate(330deg);}
	#munite {transform:rotate(180deg);}
	#second {transform:rotate(90deg);}
	*/
  </style>
 </head>
 <body>
	<div id="clock">
					<img src="http://webskills.kr/images/etc/clock.png">
					<img id="hour" src="http://webskills.kr/images/etc/h.png">
					<img id="munite" src="http://webskills.kr/images/etc/m.png">
					<img id="second" src="http://webskills.kr/images/etc/s.png">
	</div>
	<div id="digital"></div>
	<script>
		var h = document.getElementById("hour");
		var m = document.getElementById("munite");
		var s = document.getElementById("second");
		h.style.transform = "rotate(330deg)";
		m.style.transform = "rotate(180deg)";
		s.style.transform = "rotate(90deg)";

		function clock(){
			d = document.getElementById("digital");
			var t = new Date();
			var hh = t.getHours(); /* 시간 */
			var mm = t.getMinutes(); /* 분 */
			var ss = t.getSeconds(); /* 초 */
			var tt = hh + ":" + mm + ":" + ss;
			d.innerHTML = tt;
			var nh = hh * 30;
			var nm = mm * 6;
			var ns = ss * 6;
		}
		var timer = setInterval(function(){clock();},1000);
	</script>
 </body>
</html>