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 相关文章推荐
为jQuery增加join方法的实现代码
Nov 28 Javascript
推荐11款jQuery开发的复选框和单选框美化插件
Aug 02 Javascript
jQuery Ajax请求状态管理器打包
May 03 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
Aug 15 Javascript
ES6新特征数字、数组、字符串
Oct 01 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
Jan 20 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
Nov 23 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
Mar 12 Javascript
Less 安装及基本用法
May 05 Javascript
Vue.js的复用组件开发流程完整记录
Nov 29 Javascript
React优化子组件render的使用
May 12 Javascript
解决Vue router-link绑定事件不生效的问题
Jul 22 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开发GUI
2006/10/09 PHP
简单的移动设备检测PHP脚本代码
2011/02/19 PHP
rrmdir php中递归删除目录及目录下的文件
2011/05/15 PHP
php Rename 更改文件、文件夹名称
2011/05/24 PHP
解析dedeCMS验证码的实现代码
2013/06/07 PHP
php漏洞之跨网站请求伪造与防止伪造方法
2013/08/15 PHP
PHP实现的策略模式简单示例
2017/08/25 PHP
IE innerHTML,outerHTML所引起的问题
2009/06/04 Javascript
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
2011/01/12 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
2011/05/07 Javascript
理解javascript回调函数
2014/12/28 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
2016/07/04 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
JS实现图片预览的两种方式
2017/06/27 Javascript
webpack开发跨域问题解决办法
2017/08/03 Javascript
详解NODEJS基于FFMPEG视频推流测试
2017/11/17 NodeJs
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
Python的内存泄漏及gc模块的使用分析
2014/07/16 Python
Python命名空间详解
2014/08/18 Python
python实现判断数组是否包含指定元素的方法
2015/07/15 Python
python selenium UI自动化解决验证码的4种方法
2018/01/05 Python
Python深度优先算法生成迷宫
2018/01/22 Python
Go/Python/Erlang编程语言对比分析及示例代码
2018/04/23 Python
Python实现爬虫抓取与读写、追加到excel文件操作示例
2018/06/27 Python
html5自定义video标签的海报与播放按钮功能
2019/12/04 HTML / CSS
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
两则小学生的自我评价分享
2013/11/14 职场文书
企业军训感想
2014/02/07 职场文书
12.4法制宣传日标语
2014/10/08 职场文书
2014年文秘工作总结
2014/11/25 职场文书
2014年保育员工作总结
2014/12/02 职场文书
2016年“我们的节日·中秋节”活动总结
2016/04/05 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL
Python+Selenium实现抖音、快手、B站、小红书、微视、百度好看视频、西瓜视频、微信视频号、搜狐视频、一点号、大风号、趣头条等短视频自动发布
2022/04/13 Python