心跳HTML代码
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<title>心跳</title>
</head>
<body>
<h1>我的心跳</h1>
<p>我的心跳是<strong>60次/分钟</strong>，马上看看你的吧！</p>
<div>
<button id="start-btn">开始</button>
<button id="stop-btn">停止</button>
</div>
<script>
var heartbeat = setInterval(beat, 1000);
function beat() {
document.getElementById("heartbeat").innerHTML = new Date().toLocaleTimeString();
}
document.getElementById("start-btn").addEventListener("click", function() {
heartbeat = setInterval(beat, 1000);
});
document.getElementById("stop-btn").addEventListener("click", function() {
clearInterval(heartbeat);
document.getElementById("heartbeat").innerHTML = "";
})
</script>
<p>我的心跳时间是: <span id="heartbeat"></span></p>
</body>
</html>
心跳是人体机体运行的重要指标之一，在医疗、健康方面的应用非常广泛。通过JavaScript语言，我们可以实现一个简单的心跳计时器，让用户可以快速测量自己的心跳，有助于提高自我监测的能力，及时发现身体问题。