定时器的回调函数
setTimeout()这个调用函数我们也称为回调函数callback
普通函数是按照代码顺序直接调用。
而这个函数,需要等待时间,时间到了才去调用这个函数,因此称为回调函数。
简单理解︰回调,就是回头调用的意思。上一件事千完,再回头再调用这个函数。
以前我们讲的element.onclick=function(或者element.addEventListener("click",fn);里面的函数也是回调函数。
案例:几秒之后关闭广告:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .ad { height: 300px; } </style> </head> <body> <img src="img/333.jpg" class="ad" alt=""> </body> <script> var ad = document.querySelector('.ad'); setTimeout(function () { ad.style.display = 'none' }, 2000) </script> </html>