javascript定时器小结

javascript有两种定显示器, setTimeout和setInterval,下面简要介绍两个函数然后附上简单的例子。
setTimeout(function, time) , 当定位到time间隔则执行function函数,执行一次就不再执行

clearTimeout(t), 结束setTimeout定时器
setInterval(function, time), 每隔time间隔执行一次function函数

clearInterval(t),结束setinterval定时器
示例:

 





定时器

<script type=text/javascript>r var c1 = 0;r var c2 = 0;r var t; r var t2;r var t3;r function timeCount(){r document.getElementById('txt').value = c1;r c1 = c1 + 1;r t = setTimeout(timeCount(), 1000); //此处实现timeCount函数每隔1s执行一次的功能 r }r function stopTimeout(){r clearTimeout(t);r }r function timeCount2(){r document.getElementById('txt').value=c2;r c2=c2+1;r }r function interval(){r t2 = setInterval(timeCount2(), 1000);r }r function stop(){r clearInterval(t2);r }r function startTime(){r var today = new Date(); r var y = today.getFullYear();r var mon= today.getMonth();r var day = today.getDate();r var h = today.getHours();r var m = today.getMinutes();r var s = today.getSeconds();r m = checkTime(m);r s = checkTime(s);r document.getElementById('txt').value = y+-+mon+-+day+ +h+:+m+:+s;r //t3 = setTimeout('startTime()',1000); r }r function start(){r t3 = setInterval('startTime()',1000); r }r r function stopTime(){r //clearTimeout(t3);r clearInterval(t3);r }r function checkTime(i){r if (i<10){r i = 0+i;r }r return i;r }r r </script>





实时时钟


 

 

示例效果:

javascript定时器小结

 

更多相关文章
  • 这次分享的宗旨是——让大家学会创建与使用静态库.动态库,知道静态库与动态库的区别,知道使用的时候如何选择.这里不深入介绍静态库.动态库的底层格式,内存布局等,有兴趣的同学,推荐一本书<程序员的自我修养——链接.装载与库>. 什么是库 库是写好的现有的,成熟的,可以复用的代码.现实中每个程 ...
  • 易网科技讯 3月10日消息,在今日举行的赶集第二届招聘节启动会上,赶集网CEO杨浩涌透露2014在线招聘业务2014年营收达7.68亿元.在接受易网科技采访时,杨浩涌透露赶集的上市准备工作已经全面启动,其中财务方面的工作已准备就绪,将寻求合适时间点上市.赶集网官方数据显示,2014年其在线招聘营收为 ...
  • 本文发表于<黑客防线>作者:Kyran译者:riusksk(泉哥:http://riusksk.blogbus.com)1.前言XSS(Cross-Site Scripting )攻击主要有两种类型,一种叫永久型(persistent),它存储在服务端,只不过需要用户访问存在漏洞的页面; ...
  • www.2cto.com:本地报纸立功了 在咖啡馆前台,贴着无线网络免费覆盖的告示,四周的顾客要么在摆弄手机,要么在用ipad或笔记本电脑浏览网页.“由于伪造的信号通过放大.相同标示等方式,就能使得无线客户端误认为登录了合法的无线宽带.     当你坐在咖啡屋,习惯性地拿出手机或者ipad,连接上店 ...
  • 什么是闭包 闭包是指有权访问另一个函数作用域中的变量的函数(有点拗口吧),简单点就是在一个函数的内部创建另外一个函数,并返回这个函数的引用.(这也是创建闭包的常用方式) function outerFunc (outerNum) { return function innerFunc(innerNu ...
  • 有时候我们不得不采用手动安装一些软件. Ubuntu 14.04 下手动安装Firefox的Flash插件有以下几步 1. 下载Flash插件 下载地址为http://get.adobe.com/cn/flashplayer/?no_redirect 选择.tar.gz的包 2. 將下载好的包拷到某 ...
一周排行
  • 丁香园的搜索框是比较奇怪的,我遇到这么多搜索框,都是有对<>或者"等特殊字符进行过滤了.唯独有几个子站(很多啊,几乎影响全部)是没过滤的.   受影响的站点有:     http://meeti ...
  • 据俄罗斯"纽带"新闻网3月21日消息,土耳其总理里西普·埃尔多安发表声明称,将在土耳其国内"根除"Twitter微博网站.
  • 做为一个web前端,处理和了解浏览器差异一个重要问题.下面将介绍本人在工作中的一些笔记总结,先介绍没有使用js库的情况. 1. setAttribute方法设置元素类名 : 在jQuery中,直接使用attr()方法 ...
  • win10/win8.1/win8磁盘占用100%怎么解决?相信这些问题是很多用户都遇到的吧,下面小编就为大家介绍解决方法,这些方法经测试后确实有效,希望能帮到大家 在几年前的Win7时代,用户已经不需要频繁的进行碎 ...
  •  Properties类本身是Hashtable类的子类,也是按照key-value的形式存放数据的. 设置和取得属性: public class PropertiesDemo01{ public static vo ...
  • 北京时间8月7日凌晨消息,据国外媒体报道,惠普周五称,在公司本身及其CEO马克·赫德(Mark Hurd)卷入性骚扰指控的相关调查后,赫德已经辞职.这项指控是由惠普的一家前承包商发起的. 惠普发表声明称:" ...
  • codeforces #pi A,B题:水题,略. C题:求一个序列中形成以k为公比项数为3的等比数列的种类数.考虑中间项b,统计b/k在前面出现的次数pre[b/k]和b*k在后面出现的次数suf[b*k],相乘. ...
  •   在Qt中,打印与在QWidget,QPixmap或者QImage绘图很相似,一般步骤如下: 1.创建绘图设备的QPrinter: 2.弹出打印对话框,QPrintDialog,允许用户选择打印机,设置属性等: 3 ...
  • SportsStore是<精通ASP.NET MVC3框架(第三版)>中演示的MVC项目,在该项目中涵盖了MVC的众多方面,包括:使用DI容器.URL优化.导航.分页.购物车.订单.产品管理.图像上传.. ...
  • endurer 原创5 第1版 一位网友说他的电脑不管打开什么网站的网页,显示的都是hxxp://218.*1*.1*4.170的VIP1.HTM.VIP2.HTM等. hxxp://218.*1* ...