定时器的常见方法
-
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>