js可以通過Date對象獲取當前日期和時間js顯示當前時間,使用Date()獲取系統當前時間,在使用()、()、() 、()等方法獲取特定格式的時間,在使用方法顯示。
本篇文章給大家介紹如何使用js來獲取當前時間并顯示,下面就開始介紹具體的內容,希望對你們有所幫助?!鞠嚓P視頻教程推薦:教程】
首先我們來了解一下js獲取當前時間所需的一些方法:
獲取當前時間:
var d = new Date();//獲取系統當前時間
獲取特定格式的時間:
1、獲取當前年份
()方法:可以獲取年份(2位或4位)js顯示當前時間,其返回值是表示當前Date 對象的年份字段
說明:當年份介于 1900 與 1999 之間時,() 方法返回僅有兩位數字的值;當年份在1900 之前或 1999 之后時,則可能返回 4 位數字的值。例:
var d = new Date(); console.log(d.getYear()); var born = new Date("1983"); console.log(born.getYear());
效果圖:
注:()方法無法獲取完整的年份,且在 v3 開始,就被() 方法取而代之,不怎么被使用了。
() 方法:可以獲取當前一個完整的年份(4位數字,1970-????)。例:
var d = new Date(); console.log(d.getFullYear()); var born = new Date("1983"); console.log(born.getFullYear());
效果圖:
2、獲取當前月份
():可以獲取本地時間的月份。
注:()方法返回的值是從0(表示1月)開始,到11(表示12月)結束的一個整數,即0~11之間的一個整數;如果想要獲取和當前時間相同的月份,可在()方法返回的值后加1。例:
var d=new Date(); console.log(d.getMonth()); console.log(d.getMonth()+1);
效果圖:
3、獲取當前天數
() :可以返回一個月份的某一天,使用本地時間;返回值是 在1 ~ 31 之間的一個整數。例
var d = new Date(); console.log(d.getDate()) var d = new Date(“July 21, 1983”); console.log(d.getDate())
效果圖:
4、獲取當前時間
():獲取小時數,返回的小時數值是從0到23之間的整數
():獲取分鐘數,返回的分鐘數值是從0到59之間的整數
():獲取秒數,返回的秒數值是從0到59之間的整數
例:獲取當前時間
var d = new Date(); var hour= d.getHours();//得到小時數 var minute= d.getMinutes();//得到分鐘數 var second= d.getSeconds();//得到秒數
js獲取當前時間并顯示示例:
html+css代碼
當前時間:
年 月 日 時 分 秒 1//調用show()函數
js代碼:
function show(){ var now = new Date(); var year = now.getFullYear(); //得到年份 var month = now.getMonth()+1;//得到月份 var date = now.getDate();//得到日期 // var day = now.getDay();//得到周幾 var hour= now.getHours();//得到小時數 var minute= now.getMinutes();//得到分鐘數 var second= now.getSeconds();//得到秒數 document.getElementById("y").innerHTML=year; document.getElementById("mo").innerHTML=month; document.getElementById("s").innerHTML=date; document.getElementById("h").innerHTML=hour; document.getElementById("m").innerHTML=minute; document.getElementById("s").innerHTML=second; setTimeout(show,1000);//定時器一直調用show()函數 return ""; }
效果圖: