Javascript的setTimeOut()和setInterval()的定时器用法
Javascript用来处理延时和定时任务的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除。也就是说setTimeout()只执行一次,setInterval()可以执行多次。两个函数的参数也相同,第一个参数是要执行的code或句柄,第二个是延迟的毫秒数。
setTimeOut用法
setTimeout函数的用法如下:
var timeoutID = window.setTimeout(func, [delay, param1, param2, ...]); var timeoutID = window.setTimeout(code, [delay]);
timeoutID:定时器ID号,它可以在clearTimeout()函数中被用来清除定时器。
func:被执行的函数。
code:(替代的语法)一个被执行的代码串。
delay:延迟的时间,单位毫秒。如果没有指定,默认为0。
我们可以使用window.setTimeout或setTimeout,两个写法基本一样,只不过window.setTimeout将setTimeout函数作为全局window对象的一个属性来引用。
应用示例:
function timeout(){ document.getElementById('res').innerHTML=Math.floor(Math.random()*100 + 1); } setTimeout("timeout()",5000);
代码执行时,5秒后调用timeout()函数.
setInterval用法
setInterval函数的参数及用法和setTimeout函数一样,请参照上文的setTimeout函数的用法介绍。不同的是,setInterval每隔一定的时间执行当中的func或code代码。
应用示例:
var tt = 10; function timego(){ tt--; document.getElementById("tt").innerHTML = tt;if(tt==0){window.location.href='/';return false; } } var timer = window.setInterval("timego()",1000);
函数timego()定义了页面元素#tt显示的内容,当tt等于0时,页面定向到首页。然后我们定义一个定时器timer,使用setInterval()每隔1秒调用一次timego()。这样timego会执行10次,每次数字tt会减1,直到为0。那么如果想停止定时器,可以使用以下代码:
window.clearInterval(timer);
代码执行时,10秒后页面跳转到首页。
本文转自寒意博客园博客,原文链接:http://www.cnblogs.com/hnyei/p/4609964.html,如需转载请自行联系原作者
Javascript的setTimeOut()和setInterval()的定时器用法相关推荐
- 关于Javascript 中 setTimeout和setInterval的总结和思考
1. JavaScript 单线程 我们通常说,javascript是单线程,指的是解释和执行js代码的引擎是单线程. 而对于浏览器来说,浏览器并不是单线程的,浏览器的线程通常包括:渲染引擎线程(负责 ...
- setTimeout和setInterval实现定时器的区别
这两个方法都能够用来实现在一个固定时间段之后去运行JavaScript.只是两者各有各的应用场景. 方 法 实际上,setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要 ...
- JavaScript———从setTimeout与setInterval到AJAX异步
setTimeout与setInterval执行 首先我们看一下以下代码打印结果 1 2 3 4 5 6 7 console.log(1); setTimeout(function() { conso ...
- JavaScript之setTimeout与setInterval的用法与区别
}, 1000) } 那为啥使用let就可以了呢: 其实使用let之后,也没有改变执行机制,仍然是最后执行的alert(),但是let可以在每一次把更新的变量i传进函数体内,也就是每一次的i加1之后, ...
- JavaScript 中的 setTimeout 和 setInterval 方法
有时您不希望函数立即运行.您希望它重新执行,甚至在特定时间间隔后重复运行.JavaScript 为我们提供了两种实现方法: setTimeout 和 setInterval.下面,我们将来理解这两个方 ...
- js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
- js定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
- js定时器setTimeout和setInterval用法及区别,清除定时器的使用
setTimeout和setInterval使用方法 定时器两个参数,第一个是执行代码,第二个是执行时间.执行时间自己随便设置,执行代码有以下几种方式传入: 1.匿名函数形式传入 setTimeout ...
- 深入浅出JS定时器:从setTimeout到setInterval
前言 当谈到 JavaScript 编程语言最基本的概念时,定时器就是一个必须掌握的知识点.在编写网站时,你经常会遇到需要在一定时间间隔内执行一些代码的情况.这时候,JavaScript 定时器就可以 ...
最新文章
- Oracle自定义数据类型 1
- 2016年度最受欢迎的100个 Java 库
- a*算法流程图_单片机常用的13个C语言算法,看过的据说都晋级高手了
- 开机自启动脚本_使用xtu降低笔记本(游戏本)cpu电压及功耗·游戏本延时(以及试着解决开机自启动的问题)...
- hdu3689(kmp+dp)
- 迁移性好、多用途,港中文提出特征分离的无监督人类三维姿态表征
- 安装oracle时的x问题
- DedeCMS自定义表单制作和调用办法
- C# 计算一点绕另一点旋转一定角度后新点的坐标
- 树莓派 之 动态DNS(DNSPod)
- python 镜像_python测开平台使用dockerfile构建镜像
- python内置函数源码中啥都没有_如何查看python内置函数源码
- Windows调试工具入门-3-WinDbg内核调试配置
- 移动开发平台WorkPlus | 快速实现企业移动应用集成化
- QT中更改主窗体背景色和背景图片
- Zing实现本地相册识别二维码
- sqlserver笔记
- WIN10系统从睡眠状态唤醒后电脑变卡顿
- android手机变微软手机号码,微软Your Phone未来将能让你用电脑远程控制拨打Android手机电话...
- 【思维模式】拥抱复杂性(第 2 部分数据)
热门文章
- Java——集合(TreeSet)
- js取字符串后四位_JS逆向 | 某验滑块加密参数逆向分析
- 同等学力申硕计算机科学与技术参考书,2017同等学力申硕计算机科学与技术综合备考规划...
- kali linux编辑记事本,kali linux操作系统
- uva 1626——Brackets sequence
- uva 11925——Generating Permutations
- 在mac os10.13系统下 ,将py文件打包成可执行程序后, 里面的路径出现的问题
- const 和 #define 区别总结
- 操作系统【六】虚拟内存
- 05-树7 堆中的路径 (25 分)