DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS日期對象簡單操作(獲取當前年份、星期、時間)
JS日期對象簡單操作(獲取當前年份、星期、時間)
編輯:關於JavaScript     

本文實例為大家分享了JavaScript獲取當前年份、星期、時間的方法,供大家參考,具體內容如下

<!DOCTYPE html>

<html>

 

<head>

<meta charset="UTF-8">

<title></title>

</head>

 

<body>

</body>

<script type="text/javascript">

//日期對象可以儲存任意一個日期, 並且可以精確到毫秒數( 1 / 1000 秒)。

 

//定義一個時間對象:

 

//var Udate = new Date();

//注意:使用關鍵字new,Date()的首字母必須大寫。 

 

//使 Udate 成為日期對象,並且已有初始值:當前時間(當前電腦系統時間)。

 

//如果要自定義初始值,可以用以下方法:

var d = new Date(2012, 10, 1);

document.write(d + "<br/>");

var c = new Date('Oct 1,2012');

document.write(d + "<br/>");

//訪問方法語法:“<日期對象><方法>”
//Date 對象中處理時間和日期的常用方法:
// get/setDate():    返回,設置日期
//get/setFullYear(): 返回,設置年份,用四位數表示
// get/setYear(): 返回,設置年份
//get/setMonth(): 返回,設置月份(0:1月,,,,11:12月)
//get/setHours(): 返回,設置小時,24小時制
// get/setMinutes(): 返回,設置分鐘數
//get/setSeconds(): 返回,設置秒鐘數
// get/setTime(): 返回,設置單位(毫秒為單位)

 

//1.設置年份方法
//get/setFullYear()返回/設置年份,用四位數表示
var mydate = new Date(); //當前時間
document.write(mydate + "<br/>");
document.write(mydate.getFullYear() + "<br/>"); //輸出當前年份
mydate.setFullYear(81); //設置年份
document.write(mydate + "<br/>") //輸出年份被設定為81年
// 不同浏覽器,mydate.setFullYear(81)結果不同,
//年份被設定為0081或81兩種情況。

 

//注意: 

// 結果格式依次為: 星期、 月、 日、 年、 時、 分、 秒、 時區。(火狐浏覽器)
// 不同浏覽器, 時間格式有差異

 

//2.設置星期的方法
//getDay() 返回星期,返回的是0-6的數字,0 表示星期天。
//如果要返回相對應“星期”,通過數組完成,代碼如下:
var mydate=new Date();//定義日期對象
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
// 定義數組對象,給每個數組項賦值
var mynum=mydate.getDay();//返回值存儲在變量mynum中 
document.write(mydate.getDay());//輸出getDate()獲取值
document.write("今天是:"+weekday[mynum]);//輸出星期幾
document.write("<br/>");

 

//3.設置時間方法
//get/setTime() 返回/設置時間,單位毫秒數,
//計算從 1970 年 1 月 1 日零時到日期對象所指的日期的毫秒數。
//如果將目前日期對象的時間推遲1小時,代碼如下:
var mydate=new Date();
document.write("當前時間"+mydate+"<br/>");
mydate.setTime(mydate.getTime()+60*60*1000);
document.write("推遲一小時時間:"+mydate);
//注意:一小時60分,一分60秒,一秒1000毫秒;時間推遲一小時就是:"x.setTime(x.getTime()+60*60*1000);"

 

 

</script>

 

</html>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved