JavaScript function函数回调

最新推荐文章于 2023-10-05 16:09:38 发布

戴宇琪

最新推荐文章于 2023-10-05 16:09:38 发布

阅读量384

点赞数

分类专栏： WEB前端开发

本文链接：https://blog.csdn.net/yuqidai/article/details/51612078

版权

WEB前端开发专栏收录该内容

48 篇文章 0 订阅

订阅专栏

window.onload = function(){
    var oBut1 = document.getElementById('but1');
    var oDiv = document.getElementById('div1');
    oBut1.onclick = function(){
        doMove(oDiv,10,800,'left',function(){
            alert(1);
            doMove(oDiv,10,500,'top',function(){
                doMove(oDiv,-12,800,'left')
                });
            });
        }
    function doMove(obj,dir,tar,yytm,endFn){
        clearInterval(obj.timer);
        obj.timer = setInterval(function(){
            var DivSLeft = parseInt(getStyle(obj,yytm)) + dir;
            obj.style[yytm] = DivSLeft + 'px';
            if(DivSLeft > tar){
                clearInterval(obj.timer);
                endFn && endFn();
                }
            },20);
        }
        
    //获取style值 兼容所有浏览器的写法,FF,IE // YuqiDai@G
    function getStyle(obj,attr){return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj)[attr];}
    }