html頁面顯示年月日時分秒和星期幾的兩種方式

2024-05-06 15:50:55

字體：大中小

來源：轉載

供稿：網友

在html頁面中顯示時間是很常見的，實現的方法有很多，下面為大家簡單介紹兩種方式，有需求的朋友可以參考下，希望對大家有所幫助

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;
}
//增加時分秒
// 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>
<div></div>
</body>
</html>

//--------------------------------方式二-----------------------------------------

<td>
<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>