码迷,mamicode.com
首页 > 其他好文 > 详细

使用setTimeout setInterval实现秒表计时器( 开始/暂停 停止计时)

时间:2015-04-03 23:40:14      阅读:717      评论:0      收藏:0      [点我收藏+]

标签:

<!doctype html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type="text/javascript">
  var c=0
  var t
  function timedCount()
  {
  document.getElementById(‘txt‘).value=c
  c=c+1
  t=setTimeout("timedCount()",1000)
  }
  function stopCount()
  {
   
  setTimeout("document.getElementById(‘txt‘).value=0",0);
  clearTimeout(t);
  }
  function restopCount()
  {
   
  setTimeout("document.getElementById(‘txt‘).value=c",0);
  clearTimeout(t);
  }
  </script>
  </head>
   
  <body>
   
  <form>
  <input type="button" value="开始/重新计时!" onClick="timedCount()">
  <input type="button" value="停止计时!" onClick="stopCount()">
  <input type="text" id="txt">
  <input type="button" value="暂停计时!" onClick="restopCount()">
  </form>
  </body>
  </html>

使用setTimeout setInterval实现秒表计时器( 开始/暂停 停止计时)

标签:

原文地址:http://www.cnblogs.com/FG123/p/4391201.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!