本文介绍了一个使用JavaScript实现的简单实时计时器示例。通过HTML页面上的按钮启动计时器，可以显示当前的时间（小时、分钟和秒）。此代码适用于前端开发初学者了解如何在网页上动态显示时间和使用setTimeout函数。
<html>
<head>
<title> clock </title>
<script type="text/javascript">
var hour, minute, second;
function stopwatch()
{
var time = new Date();
hour = time.getHours();
minute = time.getMinutes();
second = time.getSeconds();
document.getElementById("stop").value = hour + ":" + minute + ":" + second;
delete time;
setTimeout("stopwatch()", 1000);
}
</script>
</head>
<body >
<input id="startButton" type="button" onclick="stopwatch()" value="startWatch"/>
<input id="stop" type="text" />
</body>
</html>
<head>
<title> clock </title>
<script type="text/javascript">
var hour, minute, second;
function stopwatch()
{
var time = new Date();
hour = time.getHours();
minute = time.getMinutes();
second = time.getSeconds();
document.getElementById("stop").value = hour + ":" + minute + ":" + second;
delete time;
setTimeout("stopwatch()", 1000);
}
</script>
</head>
<body >
<input id="startButton" type="button" onclick="stopwatch()" value="startWatch"/>
<input id="stop" type="text" />
</body>
</html>
扫一扫
671
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
