javascript實時顯示當(dāng)天日期的方法
更新時間：2015年05月20日 16:32:00 投稿：shichen2014
這篇文章主要介紹了javascript實時顯示當(dāng)天日期的方法,可實時顯示當(dāng)前日期及星期的功能,非常簡單實用,需要的朋友可以參考下
本文實例講述了javascript實時顯示當(dāng)天日期的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<!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>
</head>
<body>
<div id="divBottom"></div>
<script type="text/javascript">
//獲取當(dāng)天日期
function date()
{
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth()+1;
var day=date.getDate();
var hour="00"+date.getHours();
hour=hour.substr(hour.length-2);
var minute="00"+date.getMinutes();
minute=minute.substr(minute.length-2);
var second="00"+date.getSeconds();
second=second.substr(second.length-2);
var week=date.getDay();
switch(week)
{
case 1:week="星期一 ";break;
case 2:week="星期二 ";break;
case 3:week="星期三 ";break;
case 4:week="星期四 ";break;
case 5:week="星期五 ";break;
case 6:week="星期六 ";break;
case 0:week="星期日 ";break;
default:week="";break;
}
document.getElementById("divBottom").innerHTML=year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second+" "+week;
}
setInterval("date()",1000);
</script>
</body>
</html>
運(yùn)行效果如下圖所示：
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
關(guān)于對TypeScript泛型參數(shù)的默認(rèn)值理解
泛型可以理解為寬泛的類型,通常用于類和函數(shù),下面這篇文章主要給大家介紹了關(guān)于對TypeScript泛型參數(shù)默認(rèn)值的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
找到了一篇jQuery與Prototype并存的沖突的解決方法
找到了一篇jQuery與Prototype并存的沖突的解決方法...2007-08-08
JS動態(tài)增加刪除UL節(jié)點LI及相關(guān)內(nèi)容示例
這篇文章主要介紹了JS如何動態(tài)增加刪除UL節(jié)點LI及相關(guān)內(nèi)容,需要的朋友可以參考下2014-05-05
本篇內(nèi)容給大家總結(jié)了JavaScript的BUG和錯誤，如果大家對此知識點有興趣，可以跟著學(xué)習(xí)參考下。2018-05-05
這篇文章主要介紹了JS 對象屬性相關(guān)(檢查屬性、枚舉屬性等),需要的朋友可以參考下2015-04-04
發(fā)表文章時自動保存到剪貼板...2006-10-10
下面小編就為大家?guī)硪黄P(guān)于RequireJS的簡單介紹即使用方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
JavaScript實現(xiàn)清空(重置)文件類型INPUT元素值的方法
這篇文章主要介紹了JavaScript實現(xiàn)清空(重置)文件類型INPUT元素值的方法,結(jié)合實例形式分析了javascript清空input文本框的常用方法與實現(xiàn)技巧,需要的朋友可以參考下2016-11-11
帶領(lǐng)大家學(xué)習(xí)javascript基礎(chǔ)篇(一)之基本概念
這篇文章主要介紹了帶領(lǐng)大家學(xué)習(xí)javascript基礎(chǔ)篇(一)之基本概念的相關(guān)資料,需要的朋友可以參考下2015-11-11
JavaScript數(shù)據(jù)類型的轉(zhuǎn)換詳解
JavaScript是一種動態(tài)類型語言，變量沒有類型限制，可以隨時賦予任意值。本文就來和大家聊聊JavaScript中的數(shù)據(jù)類型轉(zhuǎn)換，感興趣的小伙伴可以了解一下2022-12-12