javascript学习笔记(十五) js间歇调用和超时调用


Posted in Javascript onJune 20, 2012

1.超时调用setTimeout()
setTimeout() 方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID

setTimeout( function () { 
alert("你好!"); 
},1000);

调用前取消clearTimeout(),接受一个参数超时调用ID
var timeOutId = setTimeout( function () { 
alert("你好!"); 
},1000); clearTimeout(timeOutId);

2.间歇调用setInterval()
setInterval()方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID
setInterval( function () { 
alert("你好!"); 
},1000);

取消调用clearInterval(),接受一个参数间歇调用ID
var intervalId = null; 
var span = document.createElement("span"); //创建span节点 
span.Id="time"; //设置span的id 
document.body.appendChild(span); //body内添加span 
function incrementNumber () { 
var now = new Date(); 
var timeStr = now.toLocaleTimeString(); 
span.innerText =timeStr; 
num++; 
if (num == 10) { 
clearInterval(intervalId); //十秒后时间不变了 
} 
} 
intervalId = setInterval(incrementNumber,1000);

3.尽量用超时调用替代间歇调用
var num = 0; 
var max = 10; 
function incrementNumber() { 
num++; 
if (num<max) { 
setTimeout(incrementNumber,1000); 
} else { 
alert("OK"); 
} 
} 
setTimeout(incrementNumber,1000);
Javascript 相关文章推荐
理解Javascript_14_函数形式参数与arguments
Oct 20 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
Nov 30 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
Dec 12 Javascript
JavaScript实现的伸展收缩型菜单代码
Oct 14 Javascript
使用JQuery FancyBox插件实现图片展示特效
Nov 16 Javascript
动态设置form表单的action属性的值的简单方法
May 25 Javascript
vue2 全局变量的设置方法
Mar 09 Javascript
JS 实现缓存算法的示例(FIFO/LRU)
Mar 20 Javascript
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
JavaScript实现的级联算法示例【省市二级联动功能】
Dec 25 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
Nov 26 Javascript
JS实现扫雷项目总结
May 19 Javascript
javascript学习笔记(十四) window对象使用介绍
Jun 20 #Javascript
javascript学习笔记(十三) js闭包介绍(转)
Jun 20 #Javascript
javascript学习笔记(十二) RegExp类型介绍
Jun 20 #Javascript
javascript学习笔记(十一) 正则表达式介绍
Jun 20 #Javascript
javascript学习笔记(十) js对象 继承
Jun 19 #Javascript
javascript学习笔记(九) js对象 设计模式
Jun 19 #Javascript
javascript学习笔记(八) js内置对象
Jun 19 #Javascript
You might like
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
关于laravel 数据库迁移中integer类型是无法指定长度的问题
2019/10/09 PHP
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
JavaScript Cookie的读取和写入函数
2009/12/08 Javascript
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
2012/04/12 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
cocos2dx骨骼动画Armature源码剖析(三)
2015/09/08 Javascript
require.js的用法详解
2015/10/20 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
jQuery监听浏览器窗口大小的变化实例
2017/02/07 Javascript
JS获取填报扩展单元格控件的值的解决办法
2017/07/14 Javascript
关于axios不能使用Vue.use()浅析
2018/01/12 Javascript
vue的常用组件操作方法应用分析
2018/04/13 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐
2019/04/02 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
python中sys.argv参数用法实例分析
2015/05/20 Python
python3使用pandas获取股票数据的方法
2018/12/22 Python
Python脚本利用adb进行手机控制的方法
2019/07/08 Python
Django中自定义admin Xadmin的实现代码
2019/08/09 Python
python实现俄罗斯方块小游戏
2020/04/24 Python
python中绕过反爬虫的方法总结
2020/11/25 Python
python实现猜拳游戏项目
2020/11/30 Python
Python中读取文件名中的数字的实例详解
2020/12/25 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
HTML5 video 视频标签使用介绍
2014/02/03 HTML / CSS
美国求婚钻戒网站:Super Jeweler
2016/08/27 全球购物
英国豪华针织品牌John Smedley的在线销售商:The Outlet by John Smedley
2018/04/08 全球购物
计算机网络毕业生自荐信
2013/10/01 职场文书
简单而又朴实的个人求职信分享
2013/12/12 职场文书
创业融资计划书
2014/04/25 职场文书
公司周年庆活动方案
2014/08/25 职场文书
Python实现Matplotlib,Seaborn动态数据图
2022/05/06 Python