Javascript的setTimeOut和setInterval用法
2015-09-10 14:33
751 查看
Javascript的setTimeOut和setInterval,都是用来处理延时和定时任务,比如打开网页一分钟之后,自动关闭弹出的广告;或者页面每隔10秒钟发送异步的请求获取最新的数据等等。
可以使用window.settTimeout 或者 setTimeout,两个写法基本一致。
只不过window.setTimeout将setTimeout函数作为全局window对象的一个属性来引用。
应用实例:
setInterval不停的调用函数,直到clearInterval ( ) 被调用或窗口被关闭。由setInterval返回的 ID 值可用作clearInterval方法的参数
setInterval函数的参数及用法和setTimeout函数一样,每隔一定时间执行当中的方法。
应用实例,倒计时60s的功能:
1、setTimeOut ( ) 用法
用于在指定的毫秒数后调用函数或计算表达式,即内部的方法只执行一次。可以使用window.settTimeout 或者 setTimeout,两个写法基本一致。
只不过window.setTimeout将setTimeout函数作为全局window对象的一个属性来引用。
应用实例:
function reloadTimer(){ // do something }; // 调用倒计时方法方式1 setTimeout("reloadTimer()", 1000); // 调用倒计时方法方式2 setTimeout(reloadTimer, 1000); // 调用倒计时方法方式3(带参数) setTimeout('reloadTimer('+"'"+param+"'"+')', 1000); // 直接调用 setTimeout(function(){ // do something }, 1000);
2、setInterval ( ) 用法
可参照指定的周期(以毫秒计)来调用函数或计算表达式setInterval不停的调用函数,直到clearInterval ( ) 被调用或窗口被关闭。由setInterval返回的 ID 值可用作clearInterval方法的参数
setInterval函数的参数及用法和setTimeout函数一样,每隔一定时间执行当中的方法。
应用实例,倒计时60s的功能:
var count = 60; var countdown = setInterval(function(){ if(count <= 1){ clearInterval(countdown); }else{ count--; } }, 1000);clearInterval(countdown)停止调用
相关文章推荐
- JavaScript 选择input光标所在位置 设置input的内容选中并得到选中的值
- javascript数据类型
- JS 中SetInterval和SetTimeout的区别
- Ext JS模拟Windows桌面 (项目搭建)
- JNI中jstring操作
- javascript注释
- javascript语法
- JS window 对象 open方法弹窗实现父子窗口中的参数传递
- javascript输出
- js 遮罩层请稍后
- javascript
- 去除jsp执行后,网页源码中的空行
- JSTL标签 参考手册
- JavaScript中的编码函数
- 用JS 对对象添加事件
- 2015年最棒的10个 JavaScript 框架
- 悟透JavaScript
- Js读取json数据 && 循环读取JSON数据
- javascript----显示日期
- JSON.stringify几种可能的用法总结