Javascript的setTimeOut()和setInterval()的定时器用法
来源:互联网 发布:怎样躲过淘宝售假排查 编辑:程序博客网 时间:2024/06/08 01:06
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秒后页面跳转到首页。
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秒后页面跳转到首页。
阅读全文
0 0
- Javascript的setTimeOut()和setInterval()的定时器用法
- javascript的定时器setTimeout()和setInterval()
- Javascript的setTimeOut和setInterval用法
- Javascript的setTimeOut和setInterval用法
- setInterval 和 setTimeout 的用法
- SetTimeout和setInterval的用法
- javascript 的setTimeout 和 setInterval
- JS的两个定时器setTimeout和setInterval
- JS的两个定时器setTimeout和setInterval
- setInterval()和setTimeout()定时器的区别
- javascript中settimeout和setinterval函数的用法和实例
- javascript之setTimeOut和setInterval的用法(转)
- setInterval()和setTimeout()的用法和区别
- JS中setTimeOut()和setInterval()定时器用法
- 关于setTimeout和setInterval的用法
- js 中 setInterval 和 setTimeout 的用法
- JS中setInterval和setTimeout的用法
- setInterval(倒计时实例)和setTimeout的用法
- python笔记2
- spring整合rabbitMq
- 2017年中国程序员调查分析:大数据就业前景广阔
- Makefile简单轻松入门
- java中的代理模式
- Javascript的setTimeOut()和setInterval()的定时器用法
- java中的<?><T><E>详解Jdk5.0新特性Generic Types (泛型)
- 大数据未来应用7大趋势 人工智能只占其一
- php连接数据库
- selenium IDE 定时执行case及log保存的方法
- 几个经常用到的字符串的截取
- C++用new来创建对象和非new来创建对象的区别
- 随机生成某个范围内的随机数(包含边界数)
- Web开发之路——Django初探