天天看點

第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-系統時間對象

繼續閱讀