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 相关文章推荐
JS 事件绑定函数代码
Apr 28 Javascript
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
May 11 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
Jul 10 Javascript
jQuery的缓存机制浅析
Jun 07 Javascript
JS打字效果的动态菜单代码分享
Aug 21 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
element-ui表格合并span-method的实现方法
May 21 Javascript
javascript获取元素的计算样式
May 24 Javascript
jquery传参及获取方式(两种方式)
Feb 13 jQuery
javascript使用正则表达式实现注册登入校验
Sep 23 Javascript
JavaScript实现轮播图效果
Oct 30 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 array_push 数组函数
2009/12/26 PHP
三种php连接access数据库方法
2013/11/11 PHP
Linux+Nginx+MySQL下配置论坛程序Discuz的基本教程
2015/12/23 PHP
PHP设计模式之简单投诉页面实例
2016/02/24 PHP
PHP检查URL包含特定字符串实例方法
2019/02/11 PHP
JavaScript中SQL语句的应用实现
2010/05/04 Javascript
jQuery中对节点进行操作的相关介绍
2013/04/16 Javascript
js 获取元素在页面上的偏移量的方法汇总
2015/04/13 Javascript
Bootstrap table分页问题汇总
2016/05/30 Javascript
实例讲解JavaScript中instanceof运算符的用法
2016/06/08 Javascript
jQuery获取与设置iframe高度的方法
2016/08/01 Javascript
用nodejs实现json和jsonp服务的方法
2017/08/25 NodeJs
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
微信小程序发送短信验证码完整实例
2019/01/07 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
python实现迭代法求方程组的根过程解析
2019/11/25 Javascript
vue element-ui实现input输入框金额数字添加千分位
2019/12/29 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
2020/05/13 Javascript
Bootstrap table 服务器端分页功能实现方法示例
2020/06/01 Javascript
Python中一些不为人知的基础技巧总结
2018/05/19 Python
python导入模块交叉引用的方法
2019/01/19 Python
用python wxpy管理微信公众号并利用微信获取自己的开源数据
2019/07/30 Python
使用Python进行中文繁简转换的实现代码
2019/10/18 Python
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
LivingSocial爱尔兰:爱尔兰本地优惠
2018/08/10 全球购物
PHP如何调用MYSQL存储过程
2014/05/30 面试题
数据库方面面试题
2012/04/22 面试题
2014年应届大学生自我评价
2014/01/09 职场文书
竞选学生会演讲稿
2014/04/25 职场文书
测绘工程专业求职信
2014/07/15 职场文书
大学生职业生涯规划大赛作品(精品)
2014/09/17 职场文书
员工旷工检讨书
2015/08/15 职场文书
2019年手机市场的调研报告2篇
2019/10/10 职场文书
将Python代码打包成.exe可执行文件的完整步骤
2021/05/12 Python