js-day3

一、setTimeout定时器
1.一次性定时器
2.window.setTimeout(函数,时间);
3.清除定时器 clearTimeout(timeID);

二、封装动画函数
function animate(element,target) {
clearInterval(element.timeId);
//定时器的id值储存到对象的一个属性中去
element.timeId=setIntervl(function() {
//获取当前元素位置，返回的数字类型
var current=element.offsetLeft;
//每次移动的距离
var step=10;
step=current //当前移动的位置
current+=step;
if (Math.abs(current - target) > Math.abs(step)) {
element.style.left = current + "px";
} else {
//清理定时器
clearInterval(element.timeId);
//直接到达目标
element.style.left = target + "px";
}
},20);
}
三、轮播图代码