JavaScript 5 显示系统时间

wei198621

于 2007-10-17 21:37:00 发布

阅读量517

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript function border input date html

本文链接：https://blog.youkuaiyun.com/wei198621/article/details/1829975

JavaScript 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现网页实时显示当前时间的方法。通过设置定时器每秒更新时间显示，实现了网页上时间的实时刷新。该代码适用于网页开发中需要实时显示时间的应用场景。

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

<html>
<head>
</head>
<body>
<script language=JavaScript>
var timerID = null;
var timerRunning = false;
function stopclock ()
{
    if(timerRunning)
    clearTimeout(timerID);
    timerRunning = false;
}
function startclock ()
{
    stopclock();
    showtime();
}
function showtime ()
{
    var now = new Date();
    var hours = now.getHours();
    var minutes = now.getMinutes();
    var seconds = now.getSeconds()
    var timeValue = "" +((hours >= 12) ? "下午 " : "上午 " )
    timeValue += ((hours >12) ? hours -12 :hours)             
    timeValue += ((minutes < 10) ? ":0" : ":") + minutes      
    timeValue += ((seconds < 10) ? ":0" : ":") + seconds      
    document.clock.thetime.value = timeValue;
    timerID = setTimeout("showtime()",1000);
    timerRunning = true;
}
</SCRIPT>
<body onload=startclock()>
<form name=clock >
<input name=thetime style="font-size: 9pt;color:#000000;border:0" size=12>
</form>
</body>
</body>
</html>