快捷導(dǎo)航

原生javascript實(shí)現(xiàn)自動更新的時間日期

更新時間：2016年02月12日 22:51:30 作者：一落葉而知秋

這篇文章主要介紹了原生javascript實(shí)現(xiàn)自動更新的時間日期的相關(guān)資料，對實(shí)現(xiàn)代碼進(jìn)行詳細(xì)分析，感興趣的朋友可以參考一下

能夠動態(tài)變化的事物總比靜態(tài)的更能夠吸引人，甚至更有實(shí)用效果，比如能夠自動變化的時間日期效果就是如此，下面就通過代碼實(shí)例介紹一下如何實(shí)現(xiàn)此效果，代碼實(shí)例如下:
一、具體代碼

<html>
<head>
<meta charset="gb2312">
<title>腳本之家</title>
<script type="text/javascript">
var t = null;
function time(){
 dt = new Date();
 var y=dt.getFullYear();
 var h=dt.getHours();
 var m=dt.getMinutes();
 var s=dt.getSeconds();
 document.getElementById("timeShow").innerHTML="當(dāng)前時間："+y+"年"+h+"時"+m+"分"+s+"秒";
 t = setTimeout(time,1000);    
} 
window.onload=function(){time()}
</script>
</head>
<body>
<div id="timeShow"></div>
</body>
</html>

以上代碼實(shí)現(xiàn)了我們的要求，下面簡單介紹一下實(shí)現(xiàn)過程。
二、實(shí)現(xiàn)原理
time()函數(shù)能夠獲取當(dāng)前時間日期，然后在函數(shù)最后使用定時器函數(shù)遞歸調(diào)用time()函數(shù)，也就是能夠不斷執(zhí)行time()函數(shù),于是也就實(shí)現(xiàn)了時間日期自動更新的經(jīng)過，這里就不多介紹了。

三、相關(guān)信息補(bǔ)充

javascript時間函數(shù)

javascript提供了Date對象來進(jìn)行時間和日期的計算。Date對象有多種構(gòu)造函數(shù)：

1、dateObj=new Date() //當(dāng)前時間

2、dateObj=new Date(milliseconds) //距離起始時間1970年1月1日的毫秒數(shù)

3、dateObj=new Date(datestring) //字符串代表的日期與時間。此字符串可以使用Date.parse()轉(zhuǎn)換,比如"Jannuary 1, 1998 20:13:15"

4、dateObj=new Date(year, month, day, hours, minutes, seconds, microseconds) //時間數(shù)值，可以不用全部寫，不寫則默認(rèn)為0

使用時調(diào)用對象函數(shù)，比如
year=dateObj.getFullYear();//獲得年份值

下面是Date對象的函數(shù)列表，使用方法如上所示：

1）、獲取類函數(shù)：
getDate() 函數(shù) -- 返回天數(shù)(1-31)
getDay()函數(shù) -- 返回星期數(shù)(0-6)
getFullYear() 函數(shù) -- 返回四位數(shù)年份
getHours()函數(shù) -- 返回小時數(shù)(0-23)
getMilliseconds() 函數(shù) -- 返回毫秒數(shù)(0-999)
getMinutes() 函數(shù) -- 返回分鐘數(shù)(0-59)
getMonth() 函數(shù) -- 返回月份數(shù)(0-11)
getSeconds() 函數(shù) -- 返回的秒數(shù)(0-59)
getTime() 函數(shù) -- 返回時間戳表示法(毫秒表示)
getYear() 函數(shù) -- 返回年份(真實(shí)年份減去1900)

2）、設(shè)置類函數(shù)：
（以下函數(shù)均返回date對象距1970年1月1日午夜之間的毫秒數(shù)）
setDate() 函數(shù) -- 設(shè)置月份的一天
setFullYear() 函數(shù) -- 設(shè)置的年份，月份和天
setHours() 函數(shù) -- 設(shè)置小時，分鐘，秒和毫秒
setMilliseconds() 函數(shù) -- 設(shè)置毫秒數(shù)
setMinutes() 函數(shù) -- 設(shè)置分鐘，秒，毫秒
setMonth() 函數(shù) -- 設(shè)置月份，天
setSeconds() 函數(shù) -- 設(shè)置月份的一天
setTime() 函數(shù) -- 使用毫秒數(shù)設(shè)置date對象
setYear() 函數(shù) -- 設(shè)置年份(真實(shí)年份減去1900)

3）、轉(zhuǎn)化顯示類函數(shù)：
toLocalString() 函數(shù) -- 返回本地化字符串表示
toLocaleDateString函數(shù) -- 返回日期部分的本地化字符串
toLocaleTimeString函數(shù) -- 返回時間部分的本地化字符串

相對于local輸出，還有：

toString()
toDateString()
toTimeString()

區(qū)別在于前者是根據(jù)不同的機(jī)器有不同的當(dāng)?shù)卣Z言格式，后者是內(nèi)部表示格式

4）、日期解析類函數(shù)

Date.parse() 函數(shù) -- 解析一個日期的字符串，并返回該日期距1970年1月1日午夜之間的毫秒數(shù)

以上就是關(guān)于javascript時間日期的詳細(xì)內(nèi)容，希望對大家的學(xué)習(xí)有所幫助。

您可能感興趣的文章: