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 相关文章推荐
ExtJS 2.0实用简明教程 之获得ExtJS
Apr 29 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
May 07 Javascript
javascript常见用法总结
May 22 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
jquery中append()与appendto()用法分析
Nov 14 Javascript
javascript中的五种基本数据类型
Aug 26 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
微信小程序API—获取定位的详解
Apr 30 Javascript
Angular4.0动画操作实例详解
May 10 Javascript
微信小程序如何获取群聊的openGid以及名称详解
Jul 17 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
Mar 10 Javascript
小程序实现简单语音聊天的示例代码
Jul 24 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
异世界新番又来了,同样是从零开始,男主的年龄降到5岁
2020/04/09 日漫
分享PHP守护进程类
2015/12/30 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
跟着JQuery API学Jquery 之二 属性
2010/04/09 Javascript
js onclick事件传参讲解
2013/11/06 Javascript
JavaScript实现Java中StringBuffer的方法
2015/02/09 Javascript
jQuery实现鼠标经过事件的延时处理效果
2020/08/20 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
JQuery常见节点操作实例分析
2019/05/15 jQuery
vue2.0 实现富文本编辑器功能
2019/05/26 Javascript
[01:38]DOTA2 2015国际邀请赛中国区预选赛 Showopen
2015/06/01 DOTA
python threading模块操作多线程介绍
2015/04/08 Python
python简单获取数组元素个数的方法
2015/07/13 Python
Python按行读取文件的简单实现方法
2016/06/22 Python
Python 处理数据的实例详解
2017/08/10 Python
Python读取图片为16进制表示简单代码
2018/01/19 Python
python实现将文件夹下面的不是以py文件结尾的文件都过滤掉的方法
2018/10/21 Python
python 用下标截取字符串的实例
2018/12/25 Python
Python二叉搜索树与双向链表转换算法示例
2019/03/02 Python
Python多叉树的构造及取出节点数据(treelib)的方法
2019/08/09 Python
python列表推导式入门学习解析
2019/12/02 Python
pandas的resample重采样的使用
2020/04/24 Python
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
欧洲有机婴儿食品最大的市场:Organic Baby Food(供美国和加拿大)
2018/03/28 全球购物
美国最受欢迎的度假目的地优惠套餐:BookVIP
2018/09/27 全球购物
ParcelABC西班牙:包裹运送和快递服务
2019/12/24 全球购物
自动化专业个人求职信范文
2013/12/30 职场文书
畜牧兽医本科生的自我评价
2014/03/03 职场文书
政风行风评议整改方案
2014/09/15 职场文书
2014年大学生职业规划书:未来不是梦,只要勇敢冲!
2014/09/22 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
2015年机械设备管理工作总结
2015/05/04 职场文书
活动主持人开场白
2015/05/28 职场文书
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS