如何用JavaScript编写实现长尾词缓动动画的方法？

本文共计590个文字，预计阅读时间需要3分钟。

原文示例为：本文字例为大家庭分享了JS实现添加缓动动画的具体代码，供大家参考，具体内容如下：

在阅读这篇博客之前，需要了解JS实现给不同元素设置不同定时器的功能，需要实现的效果：点击移动到600按钮。

简化后内容为：大家庭分享了JS实现缓动动画的代码，供参考。需实现点击移动到600按钮的效果。

本文实例为大家分享了JS实现添加缓动画的具体代码，供大家参考，具体内容如下

在看这篇博客之前需要了解JS实现给不同元素设置不同的定时器

需要实现的效果：点击移动到600按钮之后下面的div会由快到慢移动到600px，点击移动到800之后又会移动到800px，又点击移动600的时候会倒回去移动到600px。

首先需要实现第一个功能：

1.缓动画实现，缓动画实现思路如下：

2.需要避免小数的出现，如果直接将上面的公式作为距离的话会出现小数，如果移动的距离是正数的话需要向上取整，如果移动的距离是负数（比如由800px移动到600px）的话需要向下取整。