利用JavaScript在页面实现刷新获取系统时间

在学习基础的时候未免都会练习获取系统的时间,进行一系列操作,例如可以实现倒计时,限时抢购等等一系列依靠系统时间为基础的效果,本例展示了如何获取系统时间,以及对获取到的时间,进行简单操作,实现在页面实时刷新时间。由于设置定时器的1s时间与真正1s时间有微小误差,故各位客官仅作为单纯练习即可~

//js代码部分
<script type="text/javascript">
			
			time();
			
			setInterval(time,1000);
			
			function time(){
			var oDate = new Date();
			var Nian = oDate.getFullYear();
			var Yue = oDate.getMonth()+1;
			var Ri = oDate.getDate();
			var Xing = oDate.getDay();
			var Shi = oDate.getHours();
			var Fen = oDate.getMinutes();
			var Miao = oDate.getSeconds();
			
			
			switch(Xing){
				case 0 : Xing = '星期日';
						break;
				case 1 : Xing = '星期一';
						break;
				case 2 : Xing = '星期二';
						break;
				case 3 : Xing = '星期三';
						break;
				case 4 : Xing = '星期四';
						break;
				case 5 : Xing = '星期五';
						break;
				case 6 : Xing = '星期六';
						break;
			}
			function biao(a){
				if(a <10){
				a = '0'+a;
				}
				return a;
			}
			document.body.innerHTML = Nian +'年' + Yue +'月' + Ri +'日' + '  '+Xing + '  '+biao(Shi)+ ':'+ biao(Fen) + ':' + biao(Miao); 
			}
			
			
			
			
		</script>

 

posted @ 2016-11-19 17:26  千诚  阅读(971)  评论(0编辑  收藏  举报