javascript定时器完整实例

前端技术 2023/09/07 JavaScript

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

复制代码 代码如下:
<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
<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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/18170

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案