window.setInterval(code,millisec)按照指定的周期(间隔)来执行函数或代码段。

    • code：必须。执行的函数名或者执行的代码段
    • millisec：必须。间隔时间，即周期。单位毫秒

    轮播图demo：

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <title>Document</title>
    7.     <script>
    8.         window.setInterval("advCheck()",1000);
    9.         //自动切换3张图片
    10.         var num = 1;
    11.         function advCheck(){
    12.             if(num>3){
    13.                 num = 1;
    14.             }else{
    15.                 //改变图片路径
    16.                 document.getElementById("adv_img").src = "./imgs/demo"+ num++ +".jpg";
    17.             }
    18.         }
    19.     </script>
    20. </head>
    21. <body>
    22.     <!-- 轮播图 -->
    23.     <div id=adv>
    24.         <img id="adv_img" src="./imgs/demo1.jpg" width="60%">
    25.     </div>
    26. </body>
    27. </html>

    window.onload() - 用于页面加载完后就立即执行的操作。
    window.onload() = init; - 页面加载完毕就执行init函数（init函数名）
    window.onload() = init(); - 同上，区别是上面赋的值是这个函数，这个赋的是函数的返回值

    clearInterval(定时器标记) - 清除定时操作(可取消setInterval()设置的操作)**

    • 定时器标记：setInterval()的返回值 - timer = window.setInterval("showAdv()",3000);


    定时广告demo：**

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <title>Document</title>
    7.     <script>
    8.         //页面加载完毕后调用init函数
    9.         window.onload = init;
    10.         //onload事件只能绑定一次
    11.         function init(){
    12.             //启动定时器 - 3秒后执行函数
    13.             window.setInterval("advCheck()",100);
    14.             //设置图片显示的定时操作
    15.             timer = window.setInterval("showAdv()",3000);
    16.         }
    17.         var num = 1;
    18.         function advCheck(){
    19.             if(num>3){
    20.                 num = 0;
    21.             }else{
    22.                 document.getElementById("adv_img").src="./imgs/demo"+ num++ +".jpg";
    23.             }
    24.         }
    25.         function showAdv(){
    26.             document.getElementById("adv").style.display = "block";
    27.             window.clearInterval(timer);
    28.             timer = setInterval("hideAdv()",4000);
    29.         }
    30.         function hideAdv(){
    31.             document.getElementById("adv").style.display = 'none';
    32.             window.clearInterval(timer);
    33.         }
    34.     </script>
    35. </head>
    36. <body>
    37.     <!-- 定时广告 -->
    38.     <div id="adv" style="display: none;">
    39.         <img src="./imgs/demo1.jpg" id="adv_img" />
    40.     </div>
    41. </body>
    42. </html>