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 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
JavaScript 空位补零实现代码
Feb 26 Javascript
jquery异步跨域访问代码
Jun 28 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 Javascript
前端轻量级MVC框架CanJS详解
Sep 26 Javascript
详解JavaScript中的blink()方法的使用
Jun 08 Javascript
jQuery联动日历的实例解析
Dec 02 Javascript
JS使用面向对象技术实现的tab选项卡效果示例
Feb 28 Javascript
JavaScript中如何判断一个值的类型
Sep 15 Javascript
深入浅析Vue.js中 computed和methods不同机制
Mar 22 Javascript
vue.js this.$router.push获取不到params参数问题
Mar 03 Javascript
详解nginx配置vue h5 history去除#号
Nov 09 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
海贼王:最美的悬赏令!
2020/03/02 日漫
PHP 获取客户端真实IP地址多种方法小结
2010/05/15 PHP
小试JQuery的AutoComplete插件
2011/05/04 Javascript
Javascript查询DBpedia小应用实例学习
2013/03/07 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
angularJS提交表单(form)
2015/02/09 Javascript
Web开发必知Javascript技巧大全
2016/02/23 Javascript
JS三级可折叠菜单实现方法
2016/02/29 Javascript
javascript匀速动画和缓冲动画详解
2016/10/20 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
2018/05/30 Javascript
vue项目中引入vue-datepicker插件的详解
2019/05/14 Javascript
node事件循环和process模块实例分析
2020/02/14 Javascript
python基于urllib实现按照百度音乐分类下载mp3的方法
2015/05/25 Python
Python随机读取文件实现实例
2017/05/25 Python
python 读取文本文件的行数据,文件.splitlines()的方法
2018/07/12 Python
python 循环读取txt文档 并转换成csv的方法
2018/10/26 Python
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
Python学习笔记之自定义函数用法详解
2019/06/08 Python
使用keras实现孪生网络中的权值共享教程
2020/06/11 Python
Django filter动态过滤与排序实现过程解析
2020/11/26 Python
matplotlib自定义鼠标光标坐标格式的实现
2021/01/08 Python
css3 iphone玻璃透明气泡完美实现
2013/03/20 HTML / CSS
IE9下html5初试小刀
2010/09/21 HTML / CSS
AmazeUI导航的示例代码
2020/08/14 HTML / CSS
前端使用canvas生成盲水印的加密解密的实现
2020/12/16 HTML / CSS
Marc Jacobs官方网站:美国奢侈品牌
2017/08/29 全球购物
The Athlete’s Foot新西兰:新西兰最大的运动鞋零售商
2019/12/23 全球购物
美国鲜花递送:UrbanStems
2021/01/04 全球购物
南京某软件公司的.net面试题
2015/11/30 面试题
写好自荐信要注意的问题
2013/11/10 职场文书
大专生简历的自我评价
2013/11/26 职场文书
模特职业生涯规划范文
2014/02/26 职场文书
供货协议书范本
2014/04/22 职场文书
Python爬虫之爬取哔哩哔哩热门视频排行榜
2021/04/28 Python
公历12个月名称的由来
2022/04/12 杂记