第5天:js-系统时间对象

今天听了一小节,js中如何获取系统时间。最后做了一个轮播图效果,是在别人的代码上修改的,一开始做了好半天,都没做好,最后,在我的坚持下,终于做出来了。今天先到这儿,去休息了!

获取时间对象:new Date()
getFullYear()
getMonth()
getDate()
getDay()
getHours()
getMinutes()
getSeconds()

以下是个小例子:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js-时间</title>
<style>
body{
font-size: 20px;
}
</style>
<script>
// alert(new Date());当前系统的时间对象
window.onload=function(){
var oBody=document.body;
setInterval(fnTime,1000);
fnTime();
function fnTime(){
var myTime=new Date();
var iYear=myTime.getFullYear();
var iMonth=myTime.getMonth()+1;
var iDate=myTime.getDate();
var iWeek=myTime.getDay();
var iHours=myTime.getHours();
var iMin=myTime.getMinutes();
var iSec=myTime.getSeconds();
if (iWeek==0) {
iWeek="星期日";
};
if (iWeek==1) {
iWeek="星期一";
};
if (iWeek==2) {
iWeek="星期二";
};
if (iWeek==3) {
iWeek="星期三";
};
if (iWeek==4) {
iWeek="星期四";
};
if (iWeek==5) {
iWeek="星期五";
};
if (iWeek==6) {
iWeek="星期六";
};
var str=iYear+'年'+iMonth+'月'+toTwo(iDate)+' '+'日'+' '+iWeek+' '+toTwo(iHours)+':'+toTwo(iMin)+':'+toTwo(iSec);
oBody.innerHTML=str;
}
}
function toTwo(n){
return n<10?'0'+n:''+n;
}
</script>
</head>
<body>


</body>
</html>

运行效果:

 

posted @ 2017-08-18 22:25  半指温柔乐  阅读(291)  评论(0编辑  收藏  举报