bom-window对象的常见事件1（窗口事件，定时器）

一，窗口加载事件

语法：

<script>
        window.addEventListener('load',function(){
            js代码;
        })
    </script>

二，调整窗口大小事件

三.定时器

window对象提供了两种方法-定时器

- setTimeout() 指定时间到了后调用一次回调函数
- setInterval() 每隔一段指定时间就调用一次回调函数，重复调用

1.setTimeout()定时器

回调函数：

停止setTimeout()定时器：

停止setTimeout()定时器实例：

<img src="img/Snipaste_2021-02-15_16-52-40.png" alt="" class="ad">
    <button>点击停止定时器</button>
    <script>
        var btn = document.querySelector('button');
        var ad = document.querySelector('.ad');
        //标识符为timer的定时器，2秒后会隐藏图片
        var timer = setTimeout(function() {
            ad.style.display = 'none';
        }, 2000);
        btn.addEventListener('click', function() {
            //点击按钮后清除timer定时器
            clearTimeout(timer);
        })
    </script>

2.setInterval()定时器

停止setInterval()定时器：