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 屏蔽一个区域内的所有元素,禁止输入
Oct 22 Javascript
jquery form表单提交插件asp.net后台中文解码
Jun 12 Javascript
基于Jquery的动态创建DOM元素的代码
Dec 28 Javascript
前台js改变Session的值(用ajax实现)
Dec 28 Javascript
javascript实现的闭包简单实例
Jul 17 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
Mar 25 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
JavaScrip关于创建常量的知识点
Dec 07 Javascript
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
微信小程序如何再次获取用户授权的方法
May 10 Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 Javascript
js中实现继承的五种方法
Jan 25 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代码的53条建议
2008/03/27 PHP
php的memcached客户端memcached
2011/06/14 PHP
PHP 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用
2011/07/17 PHP
探讨Hessian在PHP中的使用分析
2013/06/13 PHP
CodeIgniter表单验证方法实例详解
2016/03/03 PHP
Yii2.0中使用js异步删除示例
2017/03/10 PHP
JavaScript单元测试ABC
2012/04/12 Javascript
JavaScript中的noscript元素属性位置及作用介绍
2013/04/11 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/25 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
2015/03/11 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
2015/03/15 Javascript
JavaScript中日期的相关操作方法总结
2015/10/24 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
2016/02/06 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
js时间查询插件使用详解
2017/04/07 Javascript
jQuery选择器之属性过滤选择器详解
2017/09/28 jQuery
vue中使用gojs/jointjs的示例代码
2018/08/24 Javascript
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
Node.js操作MongoDB数据库实例分析
2020/01/19 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
python数据结构之二叉树的建立实例
2014/04/29 Python
利用QT写一个极简单的图形化Python闹钟程序
2015/04/07 Python
python 函数传参之传值还是传引用的分析
2017/09/07 Python
python爬虫之验证码篇3-滑动验证码识别技术
2019/04/11 Python
Python函数装饰器原理与用法详解
2019/08/16 Python
学校经典推荐信
2013/10/30 职场文书
师范应届生求职信
2013/11/15 职场文书
开学典礼感言
2014/02/16 职场文书
房地产财务经理岗位职责
2015/04/08 职场文书
会议主持人开场白台词
2015/05/28 职场文书
大学生读书笔记范文
2015/07/01 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
left join、inner join、right join的区别
2021/04/05 MySQL
使用CSS3实现按钮悬停闪烁动态特效代码
2021/08/30 HTML / CSS
httpclient调用远程接口的方法
2022/08/14 Java/Android