您的位置：首页 > Web前端 > HTML

html页面显示年月日时分秒和星期几

2013-08-19 20:23 381 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航