BOM_Window_定时器方法和案例_轮播图

BOM_Window_定时器方法

定时器方法：

　　clearInterval() 取消由 setInterval() 设置的 timeout。

　　　　参数：

　　　　　　1.js代码或者方法对象

　　　　　　2.毫秒值

　　　　返回值：唯一标识，用于取消定时器
　　setInterval() 按照指定的周期（以毫秒计）来调用函数或计算表达式。


　　clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
　　setTimeout() 在指定的毫秒数后调用函数或计算表达式。 

    <!--定时器的方法-->
    <script>
        //一次性的定时器
        //var id1 = setTimeout(fun,2000);
        //clearTimeout(id1);
        function fun() {
            alert("boom~~");
        }
        //循环定时器
        var id2 = setInterval(fun,2000);
        clearInterval(id2);
        
    </script>

 

案例_轮播图

1.在页面上使用img标签展示图片

2.定义一个方法，修改图片对象的scr属性

3.定义一个定时器，每隔3秒调用方法一次。

<body>
    <img id="img" src="img/a1.jpg">

    <script>
        //修改图片src属性
        var number = 1;
        function fun() {
            number++;
            if (number>3){
                number=1;
            }
            var img = document.getElementById("img");
            img.src = "img/a"+number+".jpg"
        }
        //定义定时器
        setInterval(fun,3000)
    </script>
</body>

 

posted @ 2022-08-03 13:53  魔光领域  阅读(27)  评论(0)    收藏  举报