js--定时器的介绍和使用

定时器的常见方法

• setTimeout();  语法规范：window.setTimeout(调用函数，延时时间); 延时调用。将一段代码，等待一段时间之后再执行。（只执行一次）

• setInterval();  语法规范：window.setInterval(调用函数，延迟时间); 循环调用。将一段代码，每隔一段时间执行一次。（循环执行）

 setTimeout(); 的使用

setTimeout(function() {

console.log('时间到了');

 }, 2000);

 这个window在调用的时候可以省略，延迟时间单位是毫秒 但是可以省略，如果省略默认的是0，

调用函数可以直接写函数 还可以写 函数名 还有一个写法 '函数名（）' 。

 setInterval();的使用 

setInterval(function() {

console.log('继续输出');

}, 1000)

 每隔这个延迟时间，就去调用这个回调函数，会调用很多次，重复调用这个函数

 setTimeout(); 举例：5秒之后自动关闭的广告

 代码：

<img src="./首页.png" alt="" class="ad">

<script>

var ad = document.querySelector('.ad');

setTimeout(function() {

ad.style.display = 'none';

}, 5000);

</script>