html頁面顯示年月日時(shí)分秒和星期幾的兩種方式
更新時(shí)間:2013年08月20日 15:23:03 作者:
在html頁面中顯示時(shí)間是很常見的,實(shí)現(xiàn)的方法有很多,下面為大家簡單介紹兩種方式,有需求的朋友可以參考下,希望對大家有所幫助
Js代碼
//-----------------------------方式一---------------------------------------------
<html>
<head>
<script type="text/javascript">
function startTime(){
var today=new Date();
var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");
var n_day=today.getDay();
switch(n_day){
case 0:
{strDate=strDate+" 星期日 "}break;
case 1:
{strDate=strDate+" 星期一 "}break;
case 2:
{strDate=strDate+" 星期二 "}break;
case 3:
{strDate=strDate+" 星期三 "}break;
case 4:
{strDate=strDate+" 星期四 "}break;
case 5:
{strDate=strDate+" 星期五 "}break;
case 6:
{strDate=strDate+" 星期六 "}break;
case 7:
{strDate=strDate+" 星期日 "}break;
}
//增加時(shí)分秒
// add a zero in front of numbers<10
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds()
m=checkTime(m);
s=checkTime(s);
strDate=strDate+" "+h+":"+m+":"+s;
document.getElementById('txt').innerHTML=strDate;
t=setTimeout('startTime()',500)
}
function checkTime(i){
if (i<10) {i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
//--------------------------------方式二-----------------------------------------
<td class="date">
<script language="JavaScript" type="text/javascript">
var today=new Date();
var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");
var n_day=today.getDay();
switch(n_day){
case 0:
{strDate=strDate+" 星期日 "}break;
case 1:
{strDate=strDate+" 星期一 "}break;
case 2:
{strDate=strDate+" 星期二 "}break;
case 3:
{strDate=strDate+" 星期三 "}break;
case 4:
{strDate=strDate+" 星期四 "}break;
case 5:
{strDate=strDate+" 星期五 "}break;
case 6:
{strDate=strDate+" 星期六 "}break;
case 7:
{strDate=strDate+" 星期日 "}break;
}
document.write(strDate);
</script>
</td>
復(fù)制代碼 代碼如下:
//-----------------------------方式一---------------------------------------------
<html>
<head>
<script type="text/javascript">
function startTime(){
var today=new Date();
var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");
var n_day=today.getDay();
switch(n_day){
case 0:
{strDate=strDate+" 星期日 "}break;
case 1:
{strDate=strDate+" 星期一 "}break;
case 2:
{strDate=strDate+" 星期二 "}break;
case 3:
{strDate=strDate+" 星期三 "}break;
case 4:
{strDate=strDate+" 星期四 "}break;
case 5:
{strDate=strDate+" 星期五 "}break;
case 6:
{strDate=strDate+" 星期六 "}break;
case 7:
{strDate=strDate+" 星期日 "}break;
}
//增加時(shí)分秒
// add a zero in front of numbers<10
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds()
m=checkTime(m);
s=checkTime(s);
strDate=strDate+" "+h+":"+m+":"+s;
document.getElementById('txt').innerHTML=strDate;
t=setTimeout('startTime()',500)
}
function checkTime(i){
if (i<10) {i="0" + i}
return i
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
//--------------------------------方式二-----------------------------------------
<td class="date">
<script language="JavaScript" type="text/javascript">
var today=new Date();
var strDate=(" "+today.getYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日");
var n_day=today.getDay();
switch(n_day){
case 0:
{strDate=strDate+" 星期日 "}break;
case 1:
{strDate=strDate+" 星期一 "}break;
case 2:
{strDate=strDate+" 星期二 "}break;
case 3:
{strDate=strDate+" 星期三 "}break;
case 4:
{strDate=strDate+" 星期四 "}break;
case 5:
{strDate=strDate+" 星期五 "}break;
case 6:
{strDate=strDate+" 星期六 "}break;
case 7:
{strDate=strDate+" 星期日 "}break;
}
document.write(strDate);
</script>
</td>
相關(guān)文章
JS中實(shí)現(xiàn)一個(gè)下載進(jìn)度條及播放進(jìn)度條的代碼
這篇文章主要介紹了JS中實(shí)現(xiàn)一個(gè)下載進(jìn)度條及播放進(jìn)度條的代碼,本文圖文并茂給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06JS實(shí)現(xiàn)中國公民身份證號(hào)碼有效性驗(yàn)證
這篇文章主要介紹了JS實(shí)現(xiàn)中國公民身份證號(hào)碼有效性驗(yàn)證,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02svg插入foreignObject無法響應(yīng)事件解決
這篇文章主要為大家介紹了svg插入foreignObject無法響應(yīng)事件解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10uniapp實(shí)現(xiàn)全局設(shè)置字體大小(小中大的字體切換)
隨著UniApp的流行,越來越多的開發(fā)者選擇使用它來構(gòu)建跨平臺(tái)應(yīng)用程序,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)全局設(shè)置字體大小(小中大的字體切換)的相關(guān)資料,需要的朋友可以參考下2023-06-06純js三維數(shù)組實(shí)現(xiàn)三級聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了純js三維數(shù)組實(shí)現(xiàn)三級聯(lián)動(dòng)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02基于Bootstrap的后臺(tái)管理面板 Bootstrap Metro Dashboard
這篇文章主要介紹了基于Bootstrap的后臺(tái)管理面板:Bootstrap Metro Dashboard,對Bootstrap的后臺(tái)管理面板感興趣的小伙伴們可以參考一下2016-06-06簡單幾行JS Code實(shí)現(xiàn)IE郵件轉(zhuǎn)發(fā)新浪微博
大概就是說我們可以用window.external.menuArguments這個(gè)對象獲取到內(nèi)部的信息,如window,document這些常用的對象2013-07-07