表格显示时间

doc123

于 2008-09-29 14:32:00 发布

阅读量662

点赞数

CC 4.0 BY-SA版权

分类专栏：点点积累文章标签： javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/doc123/article/details/2996039

点点积累专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单网页实时钟表程序。该程序能够显示当前的时间（小时、分钟、秒）以及日期，并区分上午和下午。此外，还展示了如何利用JavaScript操作HTML元素来动态更新时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>

<body onLoad="startit()">

<script LANGUAGE="JavaScript">

<!--

var isn1=null;

var isn2=false;

today=new Date();

function stopit()

{

if(isn2)

{

clearTimeout(isn1);

}

isn2=false;

}

function startit()

{

stopit();

isnclock();

}

function isnclock()

{

var now=new Date();

var hrs=now.getHours();

var min=now.getMinutes();

var sec=now.getSeconds();

document.clckh.disp1.value=""+((hrs>12)?hrs-12:hrs);

document.clckh.disp2.value=((min<10)?"0":"")+min;

document.clckh.disp3.value=((sec<10)?"0":"")+sec;

document.clckh.disp4.value=(hrs>=12)?"下午":"上午";

isn1=setTimeout("isnclock()",1000);

isn2=true;

}

function isnArray()

{

argnr=isnArray.arguments.length

for(var i=0;

i<argnr;

i++)

{

this[i+1]=isnArray.arguments[i];

}

}

var isnMonths=new isnArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");

var isnDays=new isnArray("星期一","星期二","星期三","星期四","星期五","星期六","星期日");isnDays[0]="星期日";

//-->

</script>

<form NAME="clckh" onSubmit="0">

<table BORDER="2">

<tr>

<td>时间</td>

<td><div align="center"><center><p>点</td>

<td align="center"><div align="center"><center><p>分</td>

<td align="center"><div align="center"><center><p>秒</td>

<td align="center">　</td>

</tr>

<tr align="center">

<td>　</td>

<td VALIGN="TOP"><input TYPE="text" NAME="disp1" SIZE="2"></td>

<td VALIGN="TOP"><input TYPE="text" NAME="disp2" SIZE="2"></td>

<td VALIGN="TOP"><input TYPE="text" NAME="disp3" SIZE="2"></td>

<td VALIGN="TOP"><input TYPE="text" NAME="disp4" SIZE="3"></td>

</tr>

<script LANGUAGE="JavaScript">

<!--

var thisyear=today.getYear();

if (thisyear< 2000)

thisyear=1900+thisyear;

document.write("<TR><TD>日期</TD><TD COLSPAN=4>"

+thisyear+"年"

+isnMonths[today.getMonth()+1]

+""+today.getDate()+"日" +isnDays[today.getDay()]);

//-->

</script>

</table>

</form>

</body>

</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。