setTimeOut与setInterval的区别
有关这两个概念,很多朋友在刚接触时都有过迷惑,今天就再讨论一下,如果有不对的地方,欢迎各位拍砖,扔鸡蛋,扔鞋.在这里完全欢迎.
说起扔鞋,就不得不提10月7日晚司马南在海南大学演讲时遭学生扔鞋的事情,虽说有不同的建议,你可以提出,可以反驳,可以保留,但是,请尊重演讲者,他仅仅是发出个人观点而已,完全没必要进行人身***.闲话少扯,言归正传.
setTimeOut,从单词上分析:she(设置)-Time(时间)-Out(过时,出,过).所以可以理解为:设置过多久后执行.
既然这样,所以你自然就想到一定要有参数,对了,那么具体是多久,执行什么呢?所以,至少要有两个参数:
多久:Time(毫秒)
执行什么:代码片段(JavaScript code)
语法:
setTimeout(code,millisec)
参数
|
描述
|
code
|
必需,要执行的 JavaScript 代码片段.--通常为函数.
|
millisec
|
必需,时间的毫秒数.
|
下面我们就来打造一个属于我们自己的时间.
示例---setTimeOut:
- <html>
- <head>
- <title>我的时间</title>
- <script type="text/javascript">
- function startTime()
- {
- var today=new Date();
- var h=today.getHours();
- var m=today.getMinutes();
- var s=today.getSeconds();
- //小时,分钟,秒小于则前边补0
- m=checkMS(m);
- s=checkMS(s);
- document.getElementById('myTime').innerHTML=h+":"+m+":"+s;
- t=setTimeout('startTime()',1000);
- }
- function checkMS(o)
- {
- if (o<10)
- {
- o="0" + o;
- }
- return o;
- }
- </script>
- </head>
- <body onload="startTime()">
- <div id="myTime"></div>
- </body>
- </html>
当然咱们的时间并不完美,不过这样就能表现出setTimeOut的作用就ok了.
示例---setInterval:
- <html>
- <head>
- <title>我的时间</title>
- <script type="text/javascript">
- var t =setInterval("startTime()",50);
- function startTime()
- {
- var today=new Date();
- var h=today.getHours();
- var m=today.getMinutes();
- var s=today.getSeconds();
- //小时,分钟,秒小于则前边补0
- m=checkMS(m);
- s=checkMS(s);
- document.getElementById('myTime').innerHTML=h+":"+m+":"+s;
- }
- function checkMS(o)
- {
- if (o<10)
- {
- o="0" + o;
- }
- return o;
- }
- </script>
- </head>
- <body>
- <div id="myTime"></div>
- </body>
- </html>
ok,两个例子都有了,关于使用应该没有什么不明白的了.
也许你会问:如果我想让他停,该怎么处理呢?很好,回过头来看看咱们的时间代码.
细心的你会发现,不管是调用setTimeOut或者是setInterval时,前边都会个变量引用.是的,这个引用就是提供给你控制的.
如果您想了解怎么如何清除记时器,请点击clearInterval,或找到清除计时器转到另一篇,接着给您唠.
转载于:https://blog.51cto.com/lybing/1020308
setTimeOut与setInterval的区别相关推荐
- setTimeout和setInterval的区别
setTimeout和setInterval的区别 javascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行 ...
- JS setTimeout和setInterval的区别
1.setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直 ...
- 10.setTimeout和setInterval的区别以及模拟实现:
10.setTimeout和setInterval的区别以及模拟实现: setTimeout:推迟ms后执行一次:(延时器) setInterval:间隔ms就重复执行.(重复定时器) 使用setTi ...
- 链式调用setTimeout()与setInterval()的区别
使用 setTimeout()和 setInterval()创建的定时器可以用于实现有趣且有用的功能.执行时机是不能保证的,因为在页面的生命周期中,不同时间可能有其他代码在控制 JavaScript ...
- setTimeout()和setInterval()的区别和转换
定义 setTimeout()和setInterval()经常被用来处理延时和定时任务.setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔 ...
- vue定时器的写法和setTimeout和setInterval的区别
0.前言介绍 setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval ...
- setTimeout 和 setInterval 的区别
setTimeout (表达式,延时时间) setInterval(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s)setTimeout 在执行时,是在载入后延迟指定时间后 ...
- js中两种定时器,setTimeout和setInterval的区别
2019独角兽企业重金招聘Python工程师标准>>> setTimeout只在指定时间后执行一次,代码如下: <script> //定时器 异步运行 function ...
- js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
最新文章
- 无线网络未来十年十大产业趋势
- MongoDB 基础用法及学习笔记
- 中国工程院院士:物联网市场须走出碎片化
- nginx配置https以及出现的各种问题
- python语言里数字包括_4.1Python语言中的数字、字符串数据类型讲解
- Ajax跨域提交JSON和JSONP
- [超详细保姆教程]Python3.8 实现 Paillier算法
- linux 小度wifi,树莓派2小度wifi(MT7601U)驱动
- 120日均线金叉250日均线是大牛市来临的重要信号
- 神经计算棒是什么_这是太棒了
- c语言错误 应输入声明,C++错误:应输入声明
- 组合数学之第一章之完美覆盖,断层线,幻方,拉丁方,Nim取子游戏
- 【PowerDesigner】【5】数据模型 CDM
- Unity 3D基础入门编程_艾孜尔江撰稿
- OpenStack Blazar 架构解析与功能实践
- 十分钟了解K-means聚类
- Java 关于使用Arrays.asList()数组转集合的问题
- HTML5 自定义视频播放器
- mysql varchar(n) n表示字符个数
- 2021起重机作业 (Q)Q3起重机械指挥模拟考试题库及软件
热门文章
- git没有冲突 但是提示有_git 代码冲突处理
- iphone屏幕录制_iphone投屏到电脑详细教程
- php 自己电脑运行内存,php 统计网页打开耗时和脚本运行内存
- worknc的后处理如何安装_这些压缩空气后处理问题,大部分人都没有关注到
- Virtualenv --使用文档
- RN学习笔记02:利用WebStorm创建RN项目
- 【POJ3264】Balanced Lineup,线段树入门
- 一阶电路中的时间常数_你知道RC电路和RL电路中时间常数的来源么?
- 【英语学习】【Level 08】U01 Let's Read L3 The classics are always in
- 【英语学习】【Daily English】U08 Dating L04 We can Make it another time.