javascript停车计时器完整实例

作者: 关于计算机  发布:2019-09-06

本文实例讲述了javascript定时器完整实现方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ";
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>定时器</title>
<script type="text/javascript">
  var timer = null;
  function begin() {
   var date = new Date();
   var current_time = date.getFullYear() + '-' +  date.getMonth() + '-'

  • date.getDate() + ' ';
       current_time += date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();
       document.getElementById('current_time').value = current_time;
       timer = setTimeout('begin()', 1000);
      }
      function end() {
       clearTimeout(timer);  //清除掉定时器对象
      }
    </script>
    </head>
    <body>
       <input type="text" name="current_time" id="current_time"/><input type="button" value="开始" onclick="begin();">
       <input type="button" value="结束" onclick="end();"/><br/>
    </body>
    </html>

希望本文所述对大家的javascript程序设计有所帮助。

您可能感兴趣的文章:

  • Javascript 定时器调用传递参数的方法
  • Javascript/Jquery——简单定时器的多种实现方法
  • JavaScript定时器详解及实例
  • javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
  • 浅析javascript 定时器
  • 深入探寻javascript定时器
  • JavaScript学习笔记之定时器
  • Javascript中setTimeOut和setInterval的定时器用法
  • JavaScript定时器和优化的取消定时器方法
  • javascript中SetInterval与setTimeout的定时器用法
  • JavaScript中的定时器之Item23的合理使用
  • 跟我学习javascript的定时器

本文由今晚开什么码发布于关于计算机,转载请注明出处:javascript停车计时器完整实例

关键词:

上一篇:没有了
下一篇:js实现iframe自动自适应中度的方式