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 相关文章推荐
一个cssQuery对象 javascript脚本实现代码
Jul 21 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 Javascript
JS中JSON对象和String之间的互转及处理技巧
Apr 06 Javascript
基于jquery实现智能表单验证操作
May 09 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 Javascript
浅谈JS中的bind方法与函数柯里化
Aug 10 Javascript
详解Vue中使用v-for语句抛出错误的解决方案
May 04 Javascript
Vue组件通信的四种方式汇总
Feb 08 Javascript
axios携带cookie配置详解(axios+koa)
Dec 28 Javascript
vue中监听路由参数的变化及方法
Dec 06 Javascript
javascript实现前端分页效果
Jun 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
PHP4.04简明安装
2006/10/09 PHP
如何让CI框架支持service层
2014/10/29 PHP
php 可变函数使用小结
2018/06/12 PHP
javascript闭包的理解和实例
2010/08/12 Javascript
JS链式调用的实现方法
2013/03/07 Javascript
js setTimeout 常见问题小结
2013/08/13 Javascript
js/jquery判断浏览器的方法小结
2014/09/02 Javascript
node.js中的fs.appendFileSync方法使用说明
2014/12/17 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
Bootstrap表单布局样式代码
2016/05/31 Javascript
喜大普奔!jQuery发布 3.0 最终版
2016/06/12 Javascript
基于jQuery实现的查看全文功能【实用】
2016/12/11 Javascript
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
Vue 禁用浏览器的前进后退操作
2020/09/04 Javascript
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
[01:10:30]DOTA2-DPC中国联赛正赛 Dragon vs Dynasty BO3 第一场 3月4日
2021/03/11 DOTA
使用python删除nginx缓存文件示例(python文件操作)
2014/03/26 Python
python绘制圆柱体的方法
2018/07/02 Python
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
Python常见数据类型转换操作示例
2019/05/08 Python
Python中的类与类型示例详解
2019/07/10 Python
详解python程序中的多任务
2020/09/16 Python
纯css3实现图片翻牌特效
2015/03/10 HTML / CSS
Boom手表官网:瑞典手表品牌,设计你的手表
2019/03/11 全球购物
大学生的网络创业计划书
2013/12/26 职场文书
英语专业学生的自我评价
2013/12/30 职场文书
护士自我介绍信
2014/01/13 职场文书
乡下人家教学反思
2014/02/01 职场文书
培训研修方案
2014/06/06 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
文明家庭事迹材料
2014/12/20 职场文书
幼儿园小班开学寄语(2016秋季)
2015/12/03 职场文书
MongoDB修改oplog大小的四种方法
2022/04/11 MongoDB
Oracle中日期的使用方法实例
2022/07/07 Oracle