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 15 Javascript
JS日期和时间选择控件升级版(自写)
Aug 02 Javascript
jQuery控制iFrame(实例代码)
Nov 19 Javascript
Js实现滚动变色的文字效果
Jun 16 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
jQuery插件开发汇总
May 15 Javascript
jQuery插件WebUploader实现文件上传
Nov 07 Javascript
jQuery实现遮罩层登录对话框
Dec 29 Javascript
vue-cli脚手架config目录下index.js配置文件的方法
Mar 13 Javascript
如何在node环境实现“get数据解析”代码实例
Jul 03 Javascript
Js跳出两级循环方法代码实例
Sep 22 Javascript
使用PDF.js渲染canvas实现预览pdf的效果示例
Apr 17 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中的MVC模式运用技巧
2007/05/03 PHP
ezSQL PHP数据库操作类库
2010/05/16 PHP
CodeIgniter上传图片成功的全部过程分享
2013/08/12 PHP
ThinkPHP3.2.2的插件控制器功能简述
2014/07/09 PHP
PHP封装的HttpClient类用法实例
2015/06/17 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
使用ThinkPHP生成缩略图及显示
2017/04/27 PHP
PHP 无限级分类
2017/05/04 PHP
JavaScript 精粹读书笔记(1,2)
2010/02/07 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
XMLHttpRequest Level 2 使用指南
2016/08/26 Javascript
Node.js与MySQL交互操作及其注意事项
2016/10/05 Javascript
bootstrap css样式之表单
2017/01/19 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
2017/01/24 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
vue+axios新手实践实现登陆的示例代码
2018/06/06 Javascript
微信小程序实现左滑修改、删除功能
2020/10/19 Javascript
node使用Mongoose类库实现简单的增删改查
2018/11/08 Javascript
vue实现图片预览组件封装与使用
2019/07/13 Javascript
浅谈v-for 和 v-if 并用时筛选条件方法
2019/11/07 Javascript
BootStrap前端框架使用方法详解
2020/02/26 Javascript
pycharm 使用心得(五)断点调试
2014/06/06 Python
Django中模版的子目录与include标签的使用方法
2015/07/16 Python
解决每次打开pycharm直接进入项目的问题
2018/10/28 Python
Python json转字典字符方法实例解析
2020/04/13 Python
Python 使用生成器代替线程的方法
2020/08/04 Python
canvas裁剪clip()函数的具体使用
2018/03/01 HTML / CSS
蔻驰美国官网:COACH美国
2016/08/18 全球购物
比利时买床:Beter Bed
2017/12/06 全球购物
门卫岗位安全职责
2013/12/13 职场文书
德语专业求职信
2014/03/12 职场文书
购房意向书
2014/04/01 职场文书
《天安门广场》教学反思
2014/04/23 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
Python实现Telnet自动连接检测密码的示例
2021/04/16 Python
swagger如何返回map字段注释
2021/07/03 Java/Android