javascript定时器完整实例


Posted in Javascript onFebruary 10, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
基础的prototype.js常用函数及其用法
Mar 10 Javascript
分享一款基于jQuery的视频播放插件
Oct 09 Javascript
深入分析javascript中的错误处理机制
Jul 17 Javascript
移动端js触摸事件详解
Sep 18 Javascript
ES6中Symbol类型用法实例详解
Apr 06 Javascript
详解Vue整合axios的实例代码
Jun 21 Javascript
Vue组件选项props实例详解
Aug 18 Javascript
js 判断一个数字是不是2的n次方幂的实例
Nov 26 Javascript
原生js实现淘宝放大镜效果
Oct 28 Javascript
原生JS实现随机点名项目的实例代码
Apr 30 Javascript
Element Dropdown下拉菜单的使用方法
Jul 26 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
Oct 26 Javascript
jQuery搜索子元素的方法
Feb 10 #Javascript
jQuery搜索同辈元素方法
Feb 10 #Javascript
Jquery搜索父元素操作方法
Feb 10 #Javascript
jQuery表单域属性过滤器用法分析
Feb 10 #Javascript
jQuery子属性过滤选择器用法分析
Feb 10 #Javascript
jQuery内容过滤选择器用法分析
Feb 10 #Javascript
jQuery过滤选择器用法分析
Feb 10 #Javascript
You might like
使用php记录用户通过搜索引擎进网站的关键词
2014/02/13 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
javascript 动态调整图片尺寸实现代码
2009/12/28 Javascript
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
JavaScript替换当前页面的方法
2015/04/03 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
有关Promises异步问题详解
2015/11/13 Javascript
Bootstrap DateTime Picker日历控件简单应用
2017/03/25 Javascript
vue-cli如何添加less 以及sass
2017/07/06 Javascript
清空元素html(&quot;&quot;) innerHTML=&quot;&quot; 与 empty()的区别和应用(推荐)
2017/08/14 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
详解JavaScript对数组操作(添加/删除/截取/排序/倒序)
2019/04/28 Javascript
JavaScript之数组扁平化详解
2019/06/03 Javascript
js实现淘宝浏览商品放大镜功能
2020/10/28 Javascript
详解Vite的新体验
2021/02/22 Javascript
python错误:AttributeError: 'module' object has no attribute 'setdefaultencoding'问题的解决方法
2014/08/22 Python
Python编程中实现迭代器的一些技巧小结
2016/06/21 Python
Python如何判断数独是否合法
2016/09/08 Python
Pandas 对Dataframe结构排序的实现方法
2018/04/10 Python
python 实现读取一个excel多个sheet表并合并的方法
2019/02/12 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
Python中私有属性的定义方式
2020/03/05 Python
TensorFlow固化模型的实现操作
2020/05/26 Python
Python解析微信dat文件的方法
2020/11/30 Python
关于HTML5的安全问题开发人员需要牢记的
2012/06/21 HTML / CSS
西班牙拥有最佳品牌的动物商店:Animalear.com
2018/01/05 全球购物
存储过程的优缺点是什么
2015/01/10 面试题
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
《邮票齿孔的故事》教学反思
2014/02/22 职场文书
论文评语大全
2014/04/29 职场文书
高中综合实践活动总结
2014/07/07 职场文书
社保转移委托书范本
2014/10/08 职场文书
2014酒店客房部工作总结
2014/12/16 职场文书
辞职书格式样本
2015/02/26 职场文书
以权谋私检举信范文
2015/03/02 职场文书