利用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>

浙公网安备 33010602011771号