将匀速的物体变为减速

[laomokuyite]

我这边的代码在匀速当中可以正常显示，但是为想将原来匀速的物体逐渐变慢怎么操作呀

[laomokuyite]

[jio可]

设置第二个减速的定时器，把那个移动7px的值逐渐变小，也就是第二个定时器里面放一个值记录执行多少次以后把这个7px递减。在第一个定时器执行多少秒以后执行第二个定时器同时清空第一个定时器。

[jio可]

<div id='box' style='width: 50px;height: 50px;border: 1px pink solid; left: 0;position: absolute;background-color: pink;'></div>

 var box = document.getElementById('box'),
      o = 17,//每次移动距离
      k = 0;//记录减速移动次数
  //定时器一    
  var t1 = setInterval(function(){
    offset = parseInt(box.style.left);
    if(offset <= 2600){
      box.style.left = offset + o +'px';
      console.log('0.15秒移动'+o+'px');
    }else{
      clearInterval(t1);
    }
  },150)

  //匀速移动2秒后开始减速移动
  setTimeout(function(){
    clearInterval(t1);//关闭定时一开始定时二
    var t2 = setInterval(function(){
        offset = parseInt(box.style.left);
        k++;
        //每十次速度减一
        if(k%10 == 0){
          o--;
        }
        //无法移动停止
        if(o === 0){
           clearInterval(t2);
        }
        if(offset <= 2600){
           box.style.left = offset + o +'px';
           console.log('0.15秒移动'+o+'px');
        }else{
          clearInterval(t2);
        }
    },130)
  },2000);

[天际的海浪]

var leftoffset = 100;
var speed = 7;
setInterval(function(){
	.........
	leftoffset += speed;
	speed *= 0.95;
	.........
}, 50);