js獲取當(dāng)前日期代碼適用于網(wǎng)頁頭部
更新時間：2013年06月27日 18:17:43 作者：
大家在瀏覽網(wǎng)頁時可能會注意到網(wǎng)頁頭部有個不錯的時間在顯示，看起來感覺不錯于是自己也實(shí)現(xiàn)了一個，下面是具體的代碼，感興趣的朋友可以參考下哈
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function bodyLoad(){
var dateTime=new Date();
var hh=dateTime.getHours();
if(hh<10) hh = '0' + hh;
var mm=dateTime.getMinutes();
if(mm<10) mm = '0' + mm;
var ss=dateTime.getSeconds();
if(ss<10) ss = '0' + ss;
var yy=dateTime.getFullYear();
var MM=dateTime.getMonth()+1; //因?yàn)?月這個方法返回為0，所以加1
var dd=dateTime.getDate();
var week=dateTime.getDay();
var days=[ "日 ", "一 ", "二 ", "三 ", "四 ", "五 ", "六 ",]
document.getElementById("date").value=yy+"年"+MM+"月"+dd+"日 "+"星期"+days[week] ;
document.getElementById("time").value=hh+":"+mm+":"+ss;
setTimeout(bodyLoad,1000);
}
</script>
</head>
<body onload="bodyLoad()">
<input type="text" id="date" style="border:0 none;" /><input type="text" id="time" style="border:0 none;" />
</body>
</html>
相關(guān)文章
這篇文章主要介紹了ES6新特性之模塊Module用法,簡要說明了模塊Module的概念、功能并結(jié)合實(shí)例形式分析了模塊Module的使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2021-10-10
javascript的加法結(jié)果會有誤差，在兩個浮點(diǎn)數(shù)相加的時候會比較明顯。這個函數(shù)返回較為精確的加法結(jié)果，下面為大家介紹下js如何對小數(shù)加法精度處理2013-12-12- 眾所周知，IE8開放了對DOM原型的支持以及ECMA v5的兩個新方法——Object.defineProperty和Object.getOwnPropertyDexcriptor（單詞好長……），并且這兩個新方法居然只能用于DOM。2009-12-12
正則表達(dá)式是匹配模式，要么匹配字符，要么匹配位置。在JavaScript中正則表達(dá)式常常用來驗(yàn)證表單等。本文將帶大家深入了解一下JavaScript中的正則表達(dá)式應(yīng)該如何使用，需要的朋友可以參考一下2021-12-12
這篇文章主要介紹了JS控制層作圓周運(yùn)動的方法,涉及javascript動態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
百度UEditor編輯器如何關(guān)閉抓取遠(yuǎn)程圖片功能
這篇文章主要介紹了百度UEditor編輯器如何關(guān)閉抓取遠(yuǎn)程圖片功能,需要的朋友可以參考下2015-03-03
這是一篇關(guān)于JavaScript數(shù)組使用的一些技巧，我們將使用不同的方法結(jié)合/合并兩個JS數(shù)組，以及討論每個方法的優(yōu)點(diǎn)/缺點(diǎn)2014-09-09
JavaScript實(shí)現(xiàn)異步提交表單數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)異步提交表單數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要介紹了js圖片卷簾門導(dǎo)航菜單特效，一款很新穎的圖片導(dǎo)航菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-09-09
JavaScript庫之vanilla-tilt使用教程(一個平滑的3D傾斜庫)
vanilla-tilt.js是Javascript中一個平滑的3D傾斜庫,可以讓網(wǎng)頁的一些控件變得動態(tài)起來,下面這篇文章主要給大家介紹了關(guān)于JavaScript庫之vanilla-tilt使用的相關(guān)資料,需要的朋友可以參考下2023-02-02