溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“javascript如何動態(tài)顯示時間”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學習一下“javascript如何動態(tài)顯示時間”這篇文章吧。
javascript顯示時間的方法：1、使用“new Date()”定義日期對象；2、使用日期對象的getFullYear()、getMonth()等方法獲取年月日時分秒值并輸出；3、用setTimeout()方法一秒鐘刷新一次時間值即可。
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript動態(tài)顯示時間的實現(xiàn)代碼：
<html>
<head>
<title>網(wǎng)頁中動態(tài)的顯示系統(tǒng)日期時間</title>
<script language="JavaScript">
function startTime()
{
var today=new Date();//定義日期對象
var yyyy = today.getFullYear();//通過日期對象的getFullYear()方法返回年
var MM = today.getMonth()+1;//通過日期對象的getMonth()方法返回年
var dd = today.getDate();//通過日期對象的getDate()方法返回年
var hh=today.getHours();//通過日期對象的getHours方法返回小時
var mm=today.getMinutes();//通過日期對象的getMinutes方法返回分鐘
var ss=today.getSeconds();//通過日期對象的getSeconds方法返回秒
// 如果分鐘或小時的值小于10，則在其值前加0，比如如果時間是下午3點20分9秒的話，則顯示15：20：09
MM=checkTime(MM);
dd=checkTime(dd);
mm=checkTime(mm);
ss=checkTime(ss);
var day; //用于保存星期（getDay()方法得到星期編號）
if(today.getDay()==0) day = "星期日 "
if(today.getDay()==1) day = "星期一 "
if(today.getDay()==2) day = "星期二 "
if(today.getDay()==3) day = "星期三 "
if(today.getDay()==4) day = "星期四 "
if(today.getDay()==5) day = "星期五 "
if(today.getDay()==6) day = "星期六 "
document.getElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+" " + day;
setTimeout('startTime()',1000);//每一秒中重新加載startTime()方法
}
function checkTime(i)
{
if (i<10){
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()" style="background-color: #000000;color: white;">
當前時間：<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font>
</body>
</html>效果圖：
Date對象的方法
Date 對象能夠使你獲得相對于國際標準時間（格林威治標準時間，現(xiàn)在被稱為 UTC-Universal Coordinated Time）或者是 Flash 播放器正運行的操作系統(tǒng)的時間和日期。要使用Date對象的方法，你就必須先創(chuàng)建一個Date對象的實體（Instance）。
Date 對象必須使用 Flash 5 或以后版本的播放器。
Date 對象的方法并不是靜態(tài)的，但是在使用時卻可以應用于所指定的單獨實體。
Date 對象的方法簡介：
getDate ｜ 根據(jù)本地時間獲取當前日期(本月的幾號)
getDay ｜ 根據(jù)本地時間獲取今天是星期幾(0-Sunday,1-Monday…)
getFullYear ｜ 根據(jù)本地時間獲取當前年份(四位數(shù)字)
getHours ｜ 根據(jù)本地時間獲取當前小時數(shù)(24小時制,0-23)
getMilliseconds ｜ 根據(jù)本地時間獲取當前毫秒數(shù)
getMinutes ｜ 根據(jù)本地時間獲取當前分鐘數(shù)
getMonth ｜ 根據(jù)本地時間獲取當前月份(注意從0開始:0-Jan,1-Feb…)
getSeconds ｜ 根據(jù)本地時間獲取當前秒數(shù)
getTime ｜ 獲取UTC格式的從1970.1.1 0:00以來的毫秒數(shù)
getTimezoneOffset ｜ 獲取當前時間和UTC格式的偏移值(以分鐘為單位)
getUTCDate ｜ 獲取UTC格式的當前日期(本月的幾號)
getUTCDay ｜ 獲取UTC格式的今天是星期幾(0-Sunday,1-Monday…)
getUTCFullYear ｜ 獲取UTC格式的當前年份(四位數(shù)字)
getUTCHours ｜ 獲取UTC格式的當前小時數(shù)(24小時制,0-23)
getUTCMilliseconds ｜ 獲取UTC格式的當前毫秒數(shù)
getUTCMinutes ｜ 獲取UTC格式的當前分鐘數(shù)
getUTCMonth ｜ 獲取UTC格式的當前月份(注意從0開始:0-Jan,1-Feb…)
getUTCSeconds ｜ 獲取UTC格式的當前秒數(shù)
getYear ｜ 根據(jù)本地時間獲取當前縮寫年份(當前年份減去1900)
setDate ｜ 設置當前日期(本月的幾號)
setFullYear ｜ 設置當前年份(四位數(shù)字)
setHours ｜ 設置當前小時數(shù)(24小時制,0-23)
setMilliseconds ｜ 設置當前毫秒數(shù)
setMinutes ｜ 設置當前分鐘數(shù)
setMonth ｜ 設置當前月份(注意從0開始:0-Jan,1-Feb…)
setSeconds ｜ 設置當前秒數(shù)
setTime ｜ 設置UTC格式的從1970.1.1 0:00以來的毫秒數(shù)
setUTCDate ｜ 設置UTC格式的當前日期(本月的幾號)
setUTCFullYear ｜ 設置UTC格式的當前年份(四位數(shù)字)
setUTCHours ｜ 設置UTC格式的當前小時數(shù)(24小時制,0-23)
setUTCMilliseconds ｜ 設置UTC格式的當前毫秒數(shù)
setUTCMinutes ｜ 設置UTC格式的當前分鐘數(shù)
setUTCMonth ｜ 設置UTC格式的當前月份(注意從0開始:0-Jan,1-Feb…)
setUTCSeconds ｜ 設置UTC格式的當前秒數(shù)
setYear ｜ 設置當前縮寫年份(當前年份減去1900)
toString ｜ 將日期時間值轉(zhuǎn)換成”日期/時間”形式的字符串值
Date.UTC ｜ 返回指定的UTC格式日期時間的固定時間值
以上是“javascript如何動態(tài)顯示時間”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼