javascript学习笔记(十五) js间歇调用和超时调用_Javascript教程-查字典教程网
javascript学习笔记(十五) js间歇调用和超时调用
javascript学习笔记(十五) js间歇调用和超时调用
发布时间:2016-12-30 来源:查字典编辑
摘要:1.超时调用setTimeout()setTimeout()方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID复...

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教程学习
    编程开发子分类