settimeout参数（关于setTimeout与setInterval的使用与区别）
settimeout参数（关于setTimeout与setInterval的使用与区别）setInterval()方法是每指定间隔时间后执行一次传入的表达式 循环执行直至关闭窗口或clearInterval()。setTimeout()方法是在等待指定时间后执行函数内容 且只执行一次传入的表达式。setInterval(表达式 交互时间)延时时间/交互时间是以豪秒为单位的(1000ms=1s)两者区别：
window.setTimeout与window.setInterval
概念：window.setTimeout()是一个定时器，该定时器在定时器到期后执行一个函数或指定的一段代码。返回一个 timerID。window.setInterval()是一个间断执行的定时器，可以叫间隔器，是重复调用一个函数或执行一个代码段，在每次调用之间具有固定的时间延迟。返回一个 intervalID。通过clearTimeout与clearInterval可以分别清除定时器和间隔器，从而停止执行。
使用方式：
setTimeout (表达式 延时时间)
setInterval(表达式 交互时间)
延时时间/交互时间是以豪秒为单位的(1000ms=1s)
两者区别：
setTimeout()方法是在等待指定时间后执行函数内容 且只执行一次传入的表达式。
setInterval()方法是每指定间隔时间后执行一次传入的表达式 循环执行直至关闭窗口或clearInterval()。
setTimeout用于延迟执行：
let x = 1;
setTimeout(() => x 0);
console.log(x);
若在控制台输出，也就是异步调用时会获得2
下面是一些例子，如果能你能理解其中的意思，那么就可以说会用了。
1. 简单例子
let a = 1;
let timerId = setTimeout(function() {
a ;
console.log('inner:' a);
} 0);
console.log('outer:' a);
2. 延迟执行
let i = 0;
while(i < 10) {
setTimeout(function() {
console.log(i);
} 1);
i ;
}
3 .串行改并行执行
let data = [];
for(let i = 0; i <= 999; i ) {
data[i] = {
number: Math.random()
}
};
for (let item of data) {
console.time();
setTimeout(function() {
item.number = 1;
} 0);
setTimeout(function() {
item.id = 'id:' item.number;
} 0);
console.timeEnd();
}
// 当数据操作步骤太复杂，步数太多时，可以让一些操作异步来执行，这样浏览器不至于阻塞于此而卡死，可以把同步变异步延迟下计算，这样可以解决复杂运算问题。也可以利用Promise来实现类似功能
4. 移开浮层关闭
ele.addEventListener('click' function() {
setTimeout(
function() {
$ele.hide();
}
500)
} false);
// 这是延迟执行与DOM结合的例子，不想让事件执行后马上得到结果，而是延迟一段时间之后执行。
4. DOM动画
var interval2 = setInterval(function() {
if (ele.style.left < screen.width) {
ele.style.left = ele.style.left 10 'px';
} else { clearInterval(interval2); }
} 20);
// JS做动画就离不开定时器和间隔执行器。相比来讲，动画用间隔较好，但是要记住满足条件后清除掉间隔器。
// 这里只是示例用法，真实动画需要自己微调
5. 测验题，结合作用域，看下你能回答正确并能说出结果以及顺序的原因来吗？
test1:
function callback(a){
return function(){
alert("Hello " a);
}
}
let a = "world";
setTimeout(callback(a) 1000);
a = "你好";
test2:
function callback(a){
return function(){
alert("Hello " a);
}
}
let a = "world";
setTimeout(function() {
callback(a)();
} 1000);
a = "你好";
如果你都能回答正确，那么setTimeout与setInterval用法就全掌握了哦。
