手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >html页面显示年月日时分秒和星期几的两种方式
html页面显示年月日时分秒和星期几的两种方式
摘要:Js代码复制代码代码如下://-----------------------------方式一-----------------------...

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>

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

【html页面显示年月日时分秒和星期几的两种方式】相关文章:

jQuery计算文本框字数及限制文本框字数的方法

实现高性能JavaScript之执行与加载

日历-指定日期的新闻

js禁止页面刷新与后退的方法

javascript实时显示当天日期的方法

JavaScript对表格或元素按文本,数字或日期排序的方法

javascript实现图片跟随鼠标移动效果的方法

JQuery实现带排序功能的权限选择实例

js实现时间显示几天前、几小时前或者几分钟前的方法集锦

js+html5绘制图片到canvas的方法

精品推荐
分类导航