本文介绍了一个使用HTML和JavaScript创建的简易网页计时器。通过按钮控制计时器的开始与停止，每秒更新一次计时显示。适用于学习基本网页编程概念。
<!DOCTYPE html>
<!--
计时器
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p id="result"></p>
<input type="button" id="start">开始
<input type="button" id="end">结束
<!--<span id="start">开始</span>
<span id="end">结束</span>-->
<script>
var n = 0;
var start = document.getElementById("start");
var end = document.getElementById("end");
var timer;
start.onclick = function () {
timer = setInterval(function () {
document.getElementById("result").innerHTML = n;
n++;
},1000);
};
end.onclick = function () {
clearInterval(timer);
}
</script>
</body>
</html>
扫一扫
309
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
