有开始（star）和停止（stop）计数器

最新推荐文章于 2026-08-18 12:29:35 发布

转载最新推荐文章于 2026-08-18 12:29:35 发布 · 845 阅读

收录于

html

当前文章被收录于：

html

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何使用JavaScript实现一个简单的计时器功能，包括开始、停止计时器的按钮操作，以及计数器的实时更新。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
</head>
<script type="text/javascript">
  var num=0;
  var i;
  function startCount(){
    document.getElementById('count').value=num;
    num=num+1;
    i=setTimeout("startCount()",1000);
  }
  setTimeout("startCount()",1000);
  function stopCount(){
  clearTimeout(i)
  }
</script>
</head>
<body>
  <form>
    <input type="text" id="count" />
    <input type="button" value="Start" onClick="starCount()" />
    <input type="button" value="Stop" onClick="stopCount()"  />
  </form>
</body>
</html>