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 相关文章推荐
return false,对阻止事件默认动作的一些测试代码
Nov 17 Javascript
Javascript中找到子元素在父元素内相对位置的代码
Jul 21 Javascript
Function.prototype.bind用法示例
Sep 16 Javascript
JavaScript基础语法、dom操作树及document对象
Dec 02 Javascript
JavaScript获取文本框内选中文本的方法
Feb 20 Javascript
JavaScript代码性能优化总结(推荐)
May 16 Javascript
weex里Vuex state使用storage持久化详解
Sep 09 Javascript
JS运动特效之链式运动分析
Jan 24 Javascript
修改vue+webpack run build的路径方法
Sep 01 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
Apr 29 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
Feb 27 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
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
Laravel框架集成UEditor编辑器的方法图文与实例详解
2019/04/17 PHP
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
js弹出层之1:JQuery.Boxy (二)
2011/10/06 Javascript
JS跨域代码片段
2012/08/30 Javascript
javascript 实现字符串反转的三种方法
2013/11/23 Javascript
jquery获取tagName再进行判断
2014/05/29 Javascript
一个JavaScript用逗号分割字符串实例
2014/09/22 Javascript
轻松搞定jQuery.noConflict()
2016/02/15 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
AngularJS入门教程之表格实例详解
2016/07/27 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
vue指令以及dom操作详解
2017/03/04 Javascript
Vue编写多地区选择组件
2017/08/21 Javascript
jQuery实现模糊搜索功能的方法分析
2018/06/29 jQuery
Vue自定义指令封装节流函数的方法示例
2018/07/09 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
2020/04/07 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
ES2020系列之空值合并运算符 '??'
2020/07/22 Javascript
[44:15]国士无双DOTA2 6.82版本详解(上)
2014/09/28 DOTA
在Django的模板中使用认证数据的方法
2015/07/23 Python
python调用OpenCV实现人脸识别功能
2018/05/25 Python
使用Python制作简单的小程序IP查看器功能
2019/04/16 Python
pybind11和numpy进行交互的方法
2019/07/04 Python
Python二维码生成识别实例详解
2019/07/16 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
优秀学生干部推荐材料
2014/02/03 职场文书
应届毕业生自荐信例文
2014/02/26 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
2015年骨干教师工作总结
2015/05/26 职场文书
治庸问责工作总结
2015/08/11 职场文书
python manim实现排序算法动画示例
2022/08/14 Python