天天看点

第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>

运行效果:

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

继续阅读