settimeout
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="div">
<h2>奥术大师多撒大所</h2>
</div>
<script>
// demo1
// setTimeout、setInterval被遗忘的第三个参数;
// 定时器启动时候，第三个以后的参数是作为第一个func()的参数传进去。 增加两个参数
function sum(x, y) {
console.log(x + y)
}
setTimeout(sum, 3000, 1, 3);
//结论--增加三个参数 可以看出：[第三个参数及以后的参数都可以作为sum函数的参数；]
// -----------------------------------
// demo2
var doc = document.getElementById('div');
setTimeout(function () {
doc.style.color = 'red';
}, 3000, setTimeout(function () {
doc.style.color = 'green';
}, 6000));
// 上面的结果是，div元素内的字体样式3秒后变红，6秒后再变绿。
// 因为第三个参数也是一个定时器，5后就会开启。
// 和JQuery里面的animate()不同，animate里面回调是执行了前面之后再执行后面的
var doc = document.getElementById('div');
setTimeout(function () {
doc.style.color = 'red';
}, 3000, setTimeout(function () {
doc.style.color = 'green';
}, 6000, setTimeout(function () {
doc.style.color = 'blue';
}, 9000, setTimeout(function () {
doc.style.color = 'black';
}, 10000))));
</script>
</body>
</html>
