相关疑难解决方法(0)

我一直试图找到一个纯粹的JavaScript轻松实现几个小时,但找不到任何.接近的那些没有任何意义.我所能找到的只是一堆没有实现的缓动函数.

例如,这些函数:

function linear(time, begin, change, duration) {
    return change * time / duration + begin;
}

function easeInQuad(t) {
    return t*t
},

function easeOutQuad(t) {
    return t*(2-t)
},

困扰我的一件事是fps在哪里发挥作用？它与持续时间直接相关.我没见过它.

如何在以下动画中实现上述缓动功能？

的jsfiddle

var box = document.getElementById("box");

var fps		= 60;
var duration	= 2; // seconds
var start	= 0; // pixel
var finish	= window.innerWidth - box.clientWidth;
var distance	= finish - start;
var increment	= distance / (duration * fps);

var position = start;

function move() {
  position …