能夠動態變化的事物總比靜態的更能夠吸引人，甚至更有實用效果，比如能夠自動變化的時間日期效果就是如此，下面就通過代碼實例介紹一下如何實現此效果，代碼實例如下:
一、具體代碼
<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="當前時間："+y+"年"+h+"時"+m+"分"+s+"秒";
t = setTimeout(time,1000);
}
window.onload=function(){time()}
</script>
</head>
<body>
<div id="timeShow"></div>
</body>
</html>
以上代碼實現了我們的要求，下面簡單介紹一下實現過程。
二、實現原理
time()函數能夠獲取當前時間日期，然後在函數最後使用定時器函數遞歸調用time()函數，也就是能夠不斷執行time()函數,於是也就實現了時間日期自動更新的經過，這裡就不多介紹了。
三、相關信息補充
javascript時間函數
javascript提供了Date對象來進行時間和日期的計算。Date對象有多種構造函數：
1、dateObj=new Date() //當前時間
2、dateObj=new Date(milliseconds) //距離起始時間1970年1月1日的毫秒數
3、dateObj=new Date(datestring) //字符串代表的日期與時間。此字符串可以使用Date.parse()轉換,比如"Jannuary 1, 1998 20:13:15"
4、dateObj=new Date(year, month, day, hours, minutes, seconds, microseconds) //時間數值，可以不用全部寫，不寫則默認為0
使用時調用對象函數，比如
year=dateObj.getFullYear();//獲得年份值
下面是Date對象的函數列表，使用方法如上所示：
1）、獲取類函數：
getDate() 函數 -- 返回天數(1-31)
getDay()函數 -- 返回星期數(0-6)
getFullYear() 函數 -- 返回四位數年份
getHours()函數 -- 返回小時數(0-23)
getMilliseconds() 函數 -- 返回毫秒數(0-999)
getMinutes() 函數 -- 返回分鐘數(0-59)
getMonth() 函數 -- 返回月份數(0-11)
getSeconds() 函數 -- 返回的秒數(0-59)
getTime() 函數 -- 返回時間戳表示法(毫秒表示)
getYear() 函數 -- 返回年份(真實年份減去1900)
2）、設置類函數：
（以下函數均返回date對象距1970年1月1日午夜之間的毫秒數）
setDate() 函數 -- 設置月份的一天
setFullYear() 函數 -- 設置的年份，月份和天
setHours() 函數 -- 設置小時，分鐘，秒和毫秒
setMilliseconds() 函數 -- 設置毫秒數
setMinutes() 函數 -- 設置分鐘，秒，毫秒
setMonth() 函數 -- 設置月份，天
setSeconds() 函數 -- 設置月份的一天
setTime() 函數 -- 使用毫秒數設置date對象
setYear() 函數 -- 設置年份(真實年份減去1900)
3）、轉化顯示類函數：
toLocalString() 函數 -- 返回本地化字符串表示
toLocaleDateString函數 -- 返回日期部分的本地化字符串
toLocaleTimeString函數 -- 返回時間部分的本地化字符串
相對於local輸出，還有：
toString()
toDateString()
toTimeString()
區別在於前者是根據不同的機器有不同的當地語言格式，後者是內部表示格式
4）、日期解析類函數
Date.parse() 函數 -- 解析一個日期的字符串，並返回該日期距1970年1月1日午夜之間的毫秒數
以上就是關於javascript時間日期的詳細內容，希望對大家的學習有所幫助。