settimeout

Posted mashangyouni

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

以上是关于settimeout的主要内容,如果未能解决你的问题,请参考以下文章

ajax补充--------FormData等...

js中setInterval和setTimeout区别和用法

Js setTimeout 用法

Javascript中setTimeout()以及clearTimeout( )的使用