• Bom浏览器对象模型

    一、定时器

    setTimeout()—— 暂停指定的毫秒数后执行指定的代码
    clearTimeout()——取消指定的setTimeout函数将要执行的代码
    setInterval()——间隔指定的毫秒数不停地执行指定的代码
    clearInterval()——取消指定的setInterval函数将要执行的代码

    用法 setInterval(()=>{},时间（单位毫秒）），setTimeout和其用法相同；

    当然箭头函数也可以用function函数替代

    而清楚定时器需要我们定义的时候给其定义一个名字，当消除定时器的时候，直接调用他的名字就噩可以了，例如下边代码
     

    1.         var timer = setInterval(function(){
    2.             console.log( Math.random() )
    3.         },1000);
    4.  
    5.         var oBtn = document.getElementById('btn');
    6.         oBtn.onclick = function(){
    7.             clearInterval(timer)
    8.         }
    9.  
    10.         */
    11.  
    12.  
    13.         var timer1 = setTimeout(function () {
    14.             console.log(Math.random())
    15.         }, 2000);
    16.  
    17.  
    18.         clearTimeout(timer1);
    19.  
    20.  
    21.  
    22.

    二、滚动条相关

    1、scrollTo(x,y)——在窗体中如果有滚动条，将横向滚动条移动到相对于窗体宽度为x个像素的位置，将纵向滚动条移动到相对于窗体高度为y个像素的位置
    2、scrollBy(x,y)—— 如果有滚动条，将横向滚动条移动到相对于当前横向滚动条的x个像素的位置(就是向左移动x像素)，将纵向滚动条移动到相对于当前纵向滚动条高度为y个像素的位置(就是向下移动y像素)

    3.我们利用上边学的去实现一个小功能

    <1>我们现在body中多写一些内容，让其拥有滚动条

    1.     
      哈哈哈哈哈哈
    2.     <h2>哈哈哈哈哈哈h2>
    3.     <h2>哈哈哈哈哈哈h2>
    4.     <h2>哈哈哈哈哈哈h2>
    5.     <h2>哈哈哈哈哈哈h2>
    6.     <h2>哈哈哈哈哈哈h2>
    7.     <h2>哈哈哈哈哈哈h2>
    8.     <h2>哈哈哈哈哈哈h2>
    9.     <h2>哈哈哈哈哈哈h2>
    10.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    11.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    12.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    13.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    14.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    15.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    16.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    17.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    18.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    19.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    20.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    21.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    22.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    23.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    24.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    25.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    26.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    27.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    28.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    29.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    30.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    31.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    32.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    33.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    34.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    35.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    36.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    37.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    38.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>
    39.     <h2>呵呵呵呵呵呵呵呵呵呵呵呵呵呵h2>

    <2>然后我们通过设置按钮点击按实现滚动条返回顶部 ，我们通过定时器进行这个操作，当scollTop<=0时清除这个定时器（注：scollTop是页面当前距离顶部的高度）

    1.  
    2.  
    3.     
    4.