javascript显示时钟

Date对象表示日期和时间。

有四种定义方式:

var t = new Date();

var t = new Date(milliseconds);

var t = new Date(datestring);一个能转化为日期的字符串。。

var t = new Date(year,month,day,hours,minutes,seconds,ms);

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script  language="JavaScript">
<!-- 
var  timerID  =  null;
var  timerRunning  =  false; 
function  stopclock()
{
//  cannot  directly  test  timerID  on  DEC  OSF/1  in  beta  4.
if(timerRunning)
clearTimeout(timerID)
timerRunning  =  false

function  startclock()
{
//  Make  sure  the  clock  is  stopped
stopclock()
showtime()

function  showtime()
{
var  now  =  new  Date()
var  hours  =  now.getHours()
var  minutes  =  now.getMinutes()
var  seconds  =  now.getSeconds()
var  timeValue  =  ""  +  ((hours  >  12)  ?  hours  -  12  :  hours)
timeValue  +=  ((minutes  <  10)  ?  ":0"  :  ":")  +  minutes
timeValue  +=  ((seconds  <  10)  ?  ":0"  :  ":")  +  seconds
timeValue  +=  (hours  >=  12)  ?  "  P.M."  :  "  A.M."
document.clock.face.value  =  timeValue 
timerID  =  setTimeout("showtime()",1000)
timerRunning  =  true
}
//-->
</script>
</head>
<body οnlοad="startclock()">
<form  name="clock"  οnsubmit="0">
<input  type="text"  name="face"  size="14">
</form> 
</body>

补充:时钟就可以显示在一个textbox里了,如果想让小时,分钟,秒分别显示在三个标签里,那么不需要组合timeValue,分别定义hour,minutes,second,然后,document.clock.label1.value=hour;

document.clock.label2.value=minutes

document.clock.label3.value=second;

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值