Js改变时钟时间

在上篇文章讲了如何用css来实现时钟的效果，但是它一刷新便是重新开始，不是我们想要的时间，那么如何解决这个问题呢，下面我将用JavaScript来实现
首先来看下最终的效果
时钟的时间和系统的时间是一致的，那是如何实现的，请看下面代码

<script>
window.onload = function(){
	var mydate = new Date();//获取到系统时间
	var Myhours = parseInt(mydate.getHours());//小时
	var Myminute = parseInt(mydate.getMinutes());//分
	var Mysecond = parseInt(mydate.getSeconds());//秒
	console.log(Myhours);
	console.log(Myminute);
	console.log(Mysecond);
	var fourlist1 = document.getElementById("fourlist1");
	var fourlist2 = document.getElementById("fourlist2");
	var fourlist3 = document.getElementById("fourlist3");
	console.log(fourlist1.style.transform);
	console.log(fourlist2.style.transform);
	console.log(fourlist3.style.transform);
	fourlist1.style.transform = "rotate("+(90+Mysecond/60*360)+"deg)";
	fourlist2.style.transform = "rotate("+(90+Myminute/60*360)+"deg)";
	fourlist3.style.transform = "rotate("+(90+Myhours/12*360)+"deg)";
	console.log(fourlist1.style.transform);
	console.log(fourlist2.style.transform);
	console.log(fourlist3.style.transform);
};
</script>

首先我获取了系统系的时间，然后再一一把时分秒的时间拿出来，给时针，分针，秒针一个id，然后获取到，再设置他的rotate旋转值，旋转值为原来的90度再加上系统的时，分，秒时间除以在表盘上能看到的12小时，60分，60秒，再乘以一个圆的度数，360度，这样便ok了，这些值我都是console来输出在控制台，这样有一个明显的对比