當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

javascript日期时间操作总结

發布時間：2025/4/14 javascript 13 豆豆

生活随笔收集整理的這篇文章主要介紹了 javascript日期时间操作总结小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

js獲得當前系統日期時間

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >?
<html xmlns = "http://www.w3.org/1999/xhtml" >?
<head >?
<meta http - equiv = "Content-Type"content = "text/html; charset=utf-8" / >
<title > js時間顯示 < /title>?
<script>?
var curr_time = new Date();?
var strDate = curr_time.getYear()+"年";?
strDate += curr_time.getMonth()+1+"月";?
strDate += curr_time.getDate()+"日";?
strDate += curr_time.getHours()+":";?
strDate += curr_time.getMinutes()+":";?
strDate += curr_time.getSeconds();?
document.write(strDate); ??

var curr_time = new Date();?
with(curr_time)?
{?
//定義變量，并為其賦值為當前年份，后加中文“年”字標識
var strDate = getYear() + 1900 + "年";?
//取當前月份。注意月份從0開始，所以需加1，后加中文“月”字標識?
strDate +=getMonth()+1+"月";?
strDate +=getDate()+"日"; //取當前日期，后加中文“日”字標識?
strDate +=getHours()+":"; //取當前小時?
strDate +=getMinutes()+":"; //取當前分鐘?
strDate +=getSeconds(); //取當前秒數?
alert(strDate); //結果輸出?
}?
</script>?
</head>?
<body>?
</body>?
</html>?

========

js獲取當前日期時間

var myDate = new Date();?
myDate.getYear(); ? ?//獲取當前年份(2位)?
myDate.getFullYear(); ?//獲取完整的年份(4位,1970-????)?
myDate.getMonth(); ? ?//獲取當前月份(0-11,0代表1月)?
myDate.getDate(); ? ?//獲取當前日(1-31)?
myDate.getDay(); ? ? //獲取當前星期X(0-6,0代表星期天)?
myDate.getTime(); ? ?//獲取當前時間(從1970.1.1開始的毫秒數)?
myDate.getHours(); ? ?//獲取當前小時數(0-23)?
myDate.getMinutes(); ? //獲取當前分鐘數(0-59)?
myDate.getSeconds(); ? //獲取當前秒數(0-59)?
myDate.getMilliseconds(); ?//獲取當前毫秒數(0-999)?
myDate.toLocaleDateString(); ? //獲取當前日期?
var mytime=myDate.toLocaleTimeString(); ? //獲取當前時間?
myDate.toLocaleString( ); ? ?//獲取日期與時間?

========

在網頁上顯示一個鐘表

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10)?
? {i="0" + i}
? return i
}
</script>
</head>

<body οnlοad="startTime()">
<div id="txt"></div>
</body>
</html>

========

得到今天的日期?

d = new Date();?
alert(d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日");?

========

得到間隔天數?

alert("間隔天數為:"+(new Date('2005/8/15')-new Date('2003/9/18'))/1000/60/60/24+"天")?

========

得到間隔時間?

var d1=new Date("2004/09/16 20:08:00");?
var d2=new Date("2004/09/16 10:18:03");?
var d3=d1-d2;?
var h=Math.floor(d3/3600000);?
var m=Math.floor((d3-h*3600000)/60000);?
var s=(d3-h*3600000-m*60000)/1000;?
alert("相差"+h+"小時"+m+"分"+s+"秒");?

========

JavaScript 取一個月的最后一天

document.write(new Date(2009, 4, 1)); //2009年5月的第1天（1月的值是0），2009年5月1日?
document.write(new Date(2009, 5, 0)); //2009年6月的第0天，也就是2009年5月的最后一天?

========

JavaScript 獲取當前時間戳的代碼

第一種方法：?
var timestamp = Date.parse(new Date());?
結果：1280977330000?

第二種方法：?
var timestamp = (new Date()).valueOf();?
結果：1280977330748?

以上代碼將獲取從 1970年1月1日午夜開始的毫秒數。二者的區別是，第一種方法的毫秒位上為全零，即只是精確到秒的毫秒數?

返回unix時間戳所對應的具體時間：?
var time = '1278927966';?
// 關鍵在乘1000，因為時間是相對于1970年開始的，所以乘1000后將會轉到當前時間。?
var real_time = new Date(time) * 1000;?
document.write(real_time);?

javascript 中使用 new Date().getTime() 方法
IE8 以上版本可以使用直接使用Date.now()方法

//IE8以下版本
if (!Date.now) {
? ? Date.now = function() { return new Date().getTime(); };
}

jQuery 獲取時間戳 $.now()
var timestamp = $.now();

JavaScript 獲取當前時間戳：

第三種方法：
var timestamp=new Date().getTime()；
結果：1280977330748

第一種：獲取的時間戳是把毫秒改成000顯示，
第二種和第三種是獲取了當前毫秒的時間戳。

========

比較日期

var myDate=new Date();
myDate.setFullYear(2008,8,9);

var today = new Date();

if (myDate>today)
{
alert("Today is before 9th August 2008");
}
else
{
alert("Today is after 9th August 2008");
}

========

操作日期

為日期對象設置了一個特定的日期 (2008 年 8 月 9 日)：
var myDate=new Date()
myDate.setFullYear(2008,7,9)
注意：表示月份的參數介于 0 到 11 之間。也就是說，如果希望把月設置為 8 月，則參數應該是 7。

將日期對象設置為 5 天后的日期：
var myDate=new Date()
myDate.setDate(myDate.getDate()+5)
注意：如果增加天數會改變月份或者年份，那么日期對象會自動完成這種轉換。

========

js 格式化時間日期函數小結

Date.prototype.format = function(format){?
var o = {?
"M+" : this.getMonth()+1, //month?
"d+" : this.getDate(), //day?
"h+" : this.getHours(), //hour?
"m+" : this.getMinutes(), //minute?
"s+" : this.getSeconds(), //second?
"q+" : Math.floor((this.getMonth()+3)/3), //quarter?
"S" : this.getMilliseconds() //millisecond?
}?

if(/(y+)/.test(format)) {?
format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));?
}?

for(var k in o) {?
if(new RegExp("("+ k +")").test(format)) {?
format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));?
}?
}?
return format;?
}?

//使用方法?
var now = new Date();?
var nowStr = now.format("yyyy-MM-dd hh:mm:ss");?
//使用方法2:?
var testDate = new Date();?
var testStr = testDate.format("YYYY年MM月dd日hh小時mm分ss秒");?
alert(testStr);?
//示例：?
alert(new Date().Format("yyyy年MM月dd日"));?
alert(new Date().Format("MM/dd/yyyy"));?
alert(new Date().Format("yyyyMMdd"));?
alert(new Date().Format("yyyy-MM-dd hh:mm:ss"));

========

js格式化當前時間為yyyy-mm-dd形式?

復制代碼代碼如下:
function getNowFormatDate()?
{?
var day = new Date();?
var Year = 0;?
var Month = 0;?
var Day = 0;?
var CurrentDate = "";?
//初始化時間?
//Year= day.getYear();//有火狐下2008年顯示108的bug?
Year= day.getFullYear();//ie火狐下都可以?
Month= day.getMonth()+1;?
Day = day.getDate();?
//Hour = day.getHours();?
// Minute = day.getMinutes();?
// Second = day.getSeconds();?
CurrentDate += Year + "-";?
if (Month >= 10 )?
{?
CurrentDate += Month + "-";?
}?
else?
{?
CurrentDate += "0" + Month + "-";?
}?
if (Day >= 10 )?
{?
CurrentDate += Day ;?
}?
else?
{?
CurrentDate += "0" + Day ;?
}?
return CurrentDate;?
}?

========

javascript 格式化時間日期函數代碼修正版

js時間日期格式化封裝函數

..　　js雖然提供了各種獲取時間Date對象的不同屬性方法，如：getDate 方法，getDay 方法，getFullYear 方法，getHours 方法 ... ... 等等，但是卻沒有像java那樣提供一個方法來供用戶來根據自身提供的模板（pattern），來格式化指定時間對象，

　arguments：該對象代表正在執行的函數和調用它的函數的參數。不可顯式創建，雖然有length屬性，且能像數組一樣以“[]”語法方式取值，但它并不是一個數組。　typeof object ：運算符，返回一個用來表示表達式的數據類型的字符串。六種可能： "number,"?

"string," "boolean," "object," "function," 和 "undefined."。 object.constructor：表示創建對象的函數。object必須是對象或函數的名稱。基礎數據沒有該屬性。 exec 方法：用正則表達式模式在字符串中運行查找，并返回包含該查找結果的一個數組。沒有找

到匹配，則它返回 null。數組中同類型匹配元素不會重復出現。 str.split(Rex|str)：以一個正則對象或子字符串，將一個字符串分割為子字符串，然后將結果作為字符串數組返回。 throw Error('msg')：拋出一個帶有Message信息的Error。throw 后面可跟任何表達

式。還有一些for..in用法，三目運算符，substr，

/**
?* ***js時間日期格式化*** <br>
?* <p>
?* 模版字符串采用嚴謹格式，超出則會拋出異常，且每類格式只可出現一次，如:yyyy-mm-yyyy 格式會拋異常
?* </p>
?* y-年 ? ?length: 2/4位 <br>
?* q-季度 ? ?length: 1位 <br>
?* M-月 ? ?length: 1~2位 <br>
?* d-日 ? ?length: 1~2位 <br>
?* H-時 ? ?length: 1~2位24小時制，h：12小時制 <br>
?* m-分 ? ?length: 1~2位 <br>
?* s-秒 ? ?length: 1~2位 <br>
?* S-毫秒 length: 固定1位
?* @param {Date類型對象} date
?* @param {String類型模板字符串} fmt
?* @return 格式化后時間日期字符串
?* @author lyt
?*/
function DateFormat(date, fmt){
? ? if (arguments.length != 2) // 參數個數校驗
? ? ? ? throw Error('arguments長度不合法');
? ? if (!date || (typeof date != 'object') || (d.constructor != Date)) // 參數合法性校驗
? ? ? ? throw Error(arguments[0] + ':類型不為Date類型');
? ? if (/H+/.test(fmt) && /h+/.test(fmt))
? ? ? ? throw Error("小時格式錯誤，同類型只能連續出現一次！");
? ? /* 模板參數校驗，正則驗證方法 */
? ? var verify = function(Rex ){
? ? ? ? var arr = new RegExp(Rex).exec(fmt); // 獲得匹配結果數組
? ? ? ? if (!arr) // 匹配失敗返回
? ? ? ? ? ? return "";
? ? ? ? if (fmt.split(Rex).length > 2) ?// 同一類型間隔出現多次
? ? ? ? ? ? throw Error("fmt格式錯誤：同類型只能連續出現一次！");
? ? ? ? return arr[0];
? ? };
? ? /**
? ? ?* 提供月、天、時、分、秒通用匹配替換
? ? ?* @param {對象o屬性key} r
? ? ?* @param {r對應正則對象} rex
? ? ?**/
? ? var common = function(r, rex) {
? ? ? ? if(len !=1 && len !=2)
? ? ? ? ? ? throw Error("月份格式錯誤:M只能出現1/2次");
? ? ? ? len == 2 ? fmt=fmt.replace(rex, o[r].length==1 ? "0"+o[r] : o[r]) : fmt=fmt.replace(rex, o[r]);
? ? }
? ? var o = { // 數據存儲對象
? ? ? ? "y+": date.getFullYear() + "", // 年
? ? ? ? "q+": Math.floor((date.getMonth() + 3) / 3), // 季度
? ? ? ? "M+": date.getMonth() + 1 + "", // 月
? ? ? ? "d+": date.getDate() + "", // 日
? ? ? ? "H+": date.getHours() + "", // 24時
? ? ? ? "h+": date.getHours() + "", // 12時
? ? ? ? "m+": date.getMinutes() + "", // 分
? ? ? ? "s+": date.getSeconds() + "", // 秒
? ? ? ? "S+": date.getMilliseconds() // 毫秒
? ? }
? ? for(var r in o) {
? ? ? ? var rex, len, temp;
? ? ? ? rex = new RegExp(r);
? ? ? ? temp = verify(rex); // 匹配所得字符串
? ? ? ? len = temp.length; // 長度
? ? ? ? if(!len || len == 0)?
? ? ? ? ? ? continue;
? ? ? ? if(r == "y+") {?
? ? ? ? ? ? if(len !=2 && len != 4)
? ? ? ? ? ? ? ? throw Error("年份格式錯誤:y只能出現2/4次");
? ? ? ? ? ? len == 2 ? fmt=fmt.replace(rex, o[r].substr(2,3)) : fmt=fmt.replace(rex, o[r]);
? ? ? ? } else if(r == "q+") {
? ? ? ? ? ? if(len != 1)
? ? ? ? ? ? ? ? throw Error("季度格式錯誤:q只能出現1次");
? ? ? ? ? ? fmt=fmt.replace(rex, o[r]);
? ? ? ? } else if(r == "h+") {
? ? ? ? ? ? if(len !=1 && len !=2)
? ? ? ? ? ? ? ? throw Error("小時格式錯誤:h只能出現1/2次");
? ? ? ? ? ? var h = (o[r] > 12 ? o[r]-12 : o[r]) + "";
? ? ? ? ? ? len == 2 ? fmt=fmt.replace(rex, h.length==1 ? "0"+h : h) : fmt=fmt.replace(rex, h);
? ? ? ? } ?else if(r == "S+") {
? ? ? ? ? ? if(len != 1)?
? ? ? ? ? ? ? ? throw Error("毫秒數格式錯誤:S只能出現1次");
? ? ? ? ? ? fmt=fmt.replace(rex, o[r]);
? ? ? ? }else { ? ?// (r=="M+" || r=="d+" || r=="H+" || r=="m+" || r=="s+")
? ? ? ? ? ? common(r, rex)
? ? ? ? } ?
? ? }
? ? return fmt;
}

幾個演示
console.log(DateFormat(new Date(),'yyyy年第q季度M月dd日HH時m分s秒S毫秒'));
console.log(DateFormat(new Date(),'yyyy年yy第q季度M月dd日HH時m分s秒S毫秒'));
console.log(DateFormat(new Date(),'yyyy年第q季度M月dd日Hh時m分s秒S毫秒'));
console.log(DateFormat("我不是時間對象",'yyyy年第q季度M月dd日Hh時m分s秒S毫秒'));
console.log(DateFormat(new Date(),'yyyy年第q季度MMM月dd日HH時m分s秒S毫秒'));

========

JS 倒計時實現代碼(時、分，秒)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">?
<html xmlns="http://www.w3.org/1999/xhtml">?
<head>?
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />?
<title>JS實現倒計時(時、分，秒)</title>?
<script language="javascript" type="text/javascript">?
var interval = 1000;?
function ShowCountDown(year,month,day,divname)?
{?
var now = new Date();?
var endDate = new Date(year, month-1, day);?
var leftTime=endDate.getTime()-now.getTime();?
var leftsecond = parseInt(leftTime/1000);?
//var day1=parseInt(leftsecond/(24*60*60*6));?
var day1=Math.floor(leftsecond/(60*60*24));?
var hour=Math.floor((leftsecond-day1*24*60*60)/3600);?
var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);?
var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);?
var cc = document.getElementById(divname);?
cc.innerHTML = "腳本之家提示距離"+year+"年"+month+"月"+day+"日還有："+day1+"天"+hour+"小時"+minute+"分"+second+"秒";?
}?
window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1');}, interval);?
</script>?
</head>?
<body>?
<div id="divdown1"></div>?
</body>?
</html>?

========

總結

以上是生活随笔為你收集整理的javascript日期时间操作总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： .Net Telerik Web UI
下一篇：中医香口方