window对象中的方法

延迟函数setTimeout 

作用: 函数中的代码会等一段时间之后才会执行且只执行一次 

语法: window.setTimeout(函数名, 延迟时间(毫秒)) 

演示:2s后执行fn函数,控制台会输出123 

function fn() {
    console.log(123);
}
setTimeout(fn, 2000);

定时器setInterval

延迟函数和定时器区别: 

相同点: 

• 延迟函数和定时器都是window对象中的一个方法 
• 延迟函数和定时器都可以直接写一个匿名函数 

延迟函数:setTimeout(function(){}, 2000);   
定时器:setInterval(function(){}, 2000); 

不同点:

• 延迟函数只执行一次
• 定时器每隔一段时间执行一次(无限次)
• 通过 clearInterval() 停止定时器
• 通过 clearTimeout() 停止延迟函数

演示: 定义了一个函数fn,2s之后就会在控制台输出123, clearTimeout(timeid)停止之后就不会输出了

        function fn() {
            console.log(123);
        }
        let timeid = setTimeout(fn, 2000);
        clearTimeout(timeid);

window.location

window.location:在当前页面中跳转页面

• window.location 本质上就是一个对象
• window.location.href = 设置一个页面路径就可以跳转页面
• window.location.href 获取当前页面的路径

        let btn = document.querySelector('input');
        btn.onclick = function () {
             location.href = 'http://www.baidu.com';
        }

window.open 

window.open:在新窗口中打开