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 相关文章推荐
javascript 带有滚动条的表格,标题固定,带排序功能.
Nov 13 Javascript
基于jquery的多功能软键盘插件
Jul 25 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
js获取视频时长代码
Apr 10 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
Jul 22 Javascript
jQuery实现的简单悬浮层功能完整实例
Jan 23 Javascript
Vue过滤器的用法和自定义过滤器使用
Feb 08 Javascript
js 博客内容进度插件详解
Feb 19 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
Jan 20 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
Feb 21 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
Oct 28 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写入WRITE编码为UTF8的文件的实现代码
2008/07/07 PHP
php set_time_limit()函数的使用详解
2013/06/05 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
支付宝支付开发――当面付条码支付和扫码支付实例
2016/11/04 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
2013/05/07 Javascript
给html超链接设置事件不使用href来完成跳
2014/04/20 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
2016/11/22 Javascript
mac上node.js环境的安装测试
2017/07/03 Javascript
nodejs密码加密中生成随机数的实例代码
2017/07/17 NodeJs
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
2020/02/04 jQuery
JS数组转字符串实现方法解析
2020/09/04 Javascript
[34:08]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS EG
2018/03/30 DOTA
python操作xml文件详细介绍
2014/06/09 Python
将pip源更换到国内镜像的详细步骤
2019/04/07 Python
解决pycharm 安装numpy失败的问题
2019/12/05 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
python爬虫今日热榜数据到txt文件的源码
2021/02/23 Python
html5 input输入实时检测以及延时优化
2018/07/18 HTML / CSS
Notino法国:购买香水和化妆品
2019/04/15 全球购物
Spartoo美国:欧洲排名第一的在线时装零售商
2019/12/12 全球购物
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
护理专科毕业推荐信
2013/11/10 职场文书
写好自荐信要注意的问题
2013/11/10 职场文书
大四学生思想汇报
2014/01/13 职场文书
签约仪式主持词
2014/03/19 职场文书
竞争上岗实施方案
2014/03/21 职场文书
根叔历年演讲稿
2014/05/20 职场文书
模具设计与制造专业自荐书
2014/07/01 职场文书
新闻专业毕业生求职信
2014/08/08 职场文书
婚前保证书范文
2015/02/28 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书