显示当前时间.html_用记事本写html时钟-优快云博客

本文介绍了一种使用HTML和JavaScript实现网页实时显示当前时间的方法。通过创建一个JavaScript函数来获取并更新时间，每秒刷新一次显示的时间，确保时间的准确性。文中详细展示了如何在HTML文件中嵌入JavaScript代码，并设置了特定的样式来展示时间。

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

1在记事本里面输入如下代码

2把记事本保存格式为xx.html

3打开即可浏览效果

<span style="font-size:18px;"><html>

<title>显示时间</title>

<script language="javascript">

function showtime()//创建函数
{
var now_time=new Date();//创建时间对象的实例

var hours=now_time.getHours();//获得当前小时数

var minutes=now_time.getMinutes();//获得当前分钟数

var seconds=now_time.getSeconds();//获得当前秒数

var timer=" "+((hours>12)?hours-12:hours);//将小时数值赋予变量timer

timer+=((minutes<10)?":0":":")+minutes;//将分钟数数值赋予变量timer

timer+=((seconds<10)?":0":":")+seconds;//将秒数值赋予变量timer

timer+=" "+((hours>12)?"pm":"am");//将字符am或pm赋予变量timer

document.clock.show.value=timer;//在名为clock的表单中输出变量timer的值

setTimeout("showtime()",1000);//设置每一秒钟自动调用一次showtime()函数
}
</script>

<body onLoad="showtime()">

<form name="clock" onSubmit="0">

<input type="text" name="show" size="10" style="background-color:lightyellow;

border-width:3;">

</form>

</body>

</html>

</span>