setInterval、定时器管理、背景选择实例

html部分

<input type="button" value="换背景吧" />
<input type="button" value="停" />

js部分

<script>
        var btn = document.getElementsByTagName("input");
        var imgsrc = ["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg"]
        var timer = null;
        var num = 0;
        var obody = document.body;

        btn[0].onclick = function(){

            clearInterval(timer);    //清除多余的停止按钮操作

            timer = setInterval(function(){
                obody.style.background = "url("+imgsrc[num]+")";
                num++;
                num%=imgsrc.length;
            },1000);
        };

        btn[1].onclick = function(){
            clearInterval(timer);
        };
    </script>

js部分2

<script>
        //title中的数字不断增加直到数字10；
        var i = 0;
        var timer = null;

        function fn1(){
            document.title = i;
            i++
            if(i===10){
                clearInterval(timer);
            }
        }

        timer = setInterval(fn1,1000);
    </script>

效果图