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