setTimeout定时器

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script> setTimeout(function() {
             console.log('时间到了');
         }, 2000);// setTimeout('callback()', 3000); // 咱们不提倡这个写法
    </script>
</body>

</html>

1,setTimeout()方法用户设置一个定时器,该定时器在时间到后执行调用函数html

   如上,2秒以后,控制台就会就会打印出“时间到了”;这个window在调用的时候能够省略函数

2,这个调用函数能够直接写函数,或者写函数名,或者采起字符串  ’函数名() ' 三种形式,第三种不推荐ui

3,延迟的毫秒数默认是0,能够不写,若是写,只能是毫秒spa

4,由于定时器可能有不少,因此经常须要给定时器赋值一个标识符code

    var timer1=setTimeout(function(){ } ,1000)htm

    var timer2=setTimeout(function() { },   2000)blog

5,setTimeout()这个调用函数也称为回调函数 callback,之前咱们将的 element.onclick=function(){ } 或者 element.addEventListener('click' , fn) , 里面的函数也是回调函数,上一件事干完,再回头调用这个函数ip

相关文章
相关标签/搜索