原生js动画函数封装,并用其写轮播图
用原生js写轮播图是为了方便封装一个简单动画函数
window.addEventListener('load',function(){
// animate(调用对象，目标位置，可选回调函数)
function animate(obj,target,callback){
clearInterval(obj.time);
obj.time = setInterval(function(){
if(obj.offsetLeft==target){
clearInterval( obj.time);
callback&&callback();
}
var speed = target-obj.offsetLeft>0?obj.offsetLeft+ Math.ceil(((target-obj.offsetLeft)/10)):obj.offsetLeft+ Math.floor(((target-obj.offsetLeft)/10));
obj.style.left =speed+'px';
},30 )
}
})
// 动画函数轮播图写法也比较简陋，实例轮播图
