javascript学习笔记(十五) 间歇调用和超时调用-CSDN博客

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

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

调用前取消clearTimeout(),接受一个参数超时调用ID

1 var timeOutId = setTimeout( function () {
2     alert("你好!");
3 },1000);
4 
5 clearTimeout(timeOutId);

2.间歇调用setInterval()
setInterval()方法接受两个参数，第一个参数是函数，第二个参数是时间（单位微秒），返回数值ID

1 setInterval( function () {
2     alert("你好!");
3 },1000);

取消调用clearInterval()，接受一个参数间歇调用ID

 1  var intervalId = null;
 2  var span = document.createElement("span");    //创建span节点
 3  span.Id="time";                               //设置span的id
 4  document.body.appendChild(span);              //body内添加span
 5 function incrementNumber () {
 6     var now = new Date();
 7     var timeStr = now.toLocaleTimeString();
 8     span.innerText =timeStr;
 9     num++;
10     if (num == 10) {
11         clearInterval(intervalId);        //十秒后时间不变了
12     }
13 }
14 intervalId = setInterval(incrementNumber,1000);

3.尽量用超时调用替代间歇调用

 1 var num = 0;
 2 var max = 10;
 3 function incrementNumber() {
 4     num++;
 5     if (num<max) {
 6         setTimeout(incrementNumber,1000);
 7     } else {
 8         alert("OK");
 9     }
10 }
11 setTimeout(incrementNumber,1000);