动画函数添加回调函数

回调函数原理：函数可以作为一个参数。这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数，这个过程就叫做回调。

回调函数书写的位置：定时器结束的位置。

function animate(obj,target,callback) {
    clearInterval(obj.timer);
    obj.timer = setInterval (function() {
        var step=(target-obj.offsetLeft)/10;
        step=step>0?Math.ceil(step):Math.floor(step);
        if (obj.offsetLeft==target){
            clearInterval(obj.timer);
            //回调函数写到定时器里面
            if(callback){
                callback();
               }
            }
        obj.style.left=obj.offsetLeft + step +'px';},30);}
//调用函数
animate(div,300,function(){ alert('你好吗'); });