底图的移动(setinterval 设置移动速度)

            var box=document.getElementById("box");
//            指定一个要移动底图的容器
            var num=0;
//            声明原始值num=0
            box.onclick=function(){
//                一个触发事件
                setInterval(function(){
//                定时器自动累加num值    
                    box.style['background-position']=-num+"px"
//                    随着num的值变化,底图往左移动
                    console.log(num)  
//                    打印num移动的值
                    if(num==1000){
//                    设置num最大值
                        num=0
//                    num是否重新开始
                    }

                },50)
//                移动快慢,设置setinerval的时间
            }

 

posted @ 2017-06-08 15:32  超级玛丽和大力水手  阅读(665)  评论(0)    收藏  举报