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

javascript显示时钟

2006-05-15 18:50 441 查看
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 onload="startclock()">
<form name="clock" onsubmit="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;
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航