带有setInterval的JS转换

我知道存在css转换，但我想对文本应用转换（并且不能在css中创建该转换）。我想要一个自定义的转换。带有setInterval的JS转换

你能给我一个网站，你画的曲线，它给你的js计算？（或者类似的东西）

2012-05-23 user1365010

你一定要在“Math: Ease In, ease Out a displacement using Hermite curve with time constraint”看到。可能是这个问题与你有点不同，但给了一个很好的链接到“Interpolation Tricks”，这反过来可以澄清“轻松进/出”技术为你。这个链接的确值得一看。

来源

2012-05-23 07:46:44 gahcep

可以使文本转换CSS3中，用于演示参观here

来源

2012-05-23 07:24:42 Neji

基本可以用Jquery的animate（）完成转换。如果你想要更复杂的路径，我想这不会满足你的需求。

但是有一个类似的问题： Complex animation in jQuery

指的： http://weepy.github.com/jquery.path/

来源

2012-05-23 07:24:45 Sidrich2009

当我和一些视觉功能，我需要设置浮点数到表格单元格，。不是原生设定，而是动画：0.1 .0.15 .. 0.2 ... 0.3 ....................... 1间隔很短。闪烁。我用这样的东西：

value = 150 
step = value/50; // 50 iterations, use preffered for you  
timer_id = setInterval(function() 
{ 
    next_iteration += step 
    if (next_iteration >= value) 
    { 
    next_iteration = value 
    } 
    field.text(next_iteration) 
    if (next_iteration >= value) 
    { 
    clearInterval(timer_id); 
    return true 
    } 
}, 0 /* zero or more, this is pause between iterations */)

来源

2012-05-23 07:25:39 odiszapc

这很好，但这是线性过渡。即使我改变了50，它仍然是线性的。你能给出一个缓和的例子吗？ – user1365010

我不是JS大师。当我使用上面的方法同时设置多个值时，我遇到了一些问题：局部变量有benn覆盖彼此。为了解决这个问题，我将所有局部变量转换为由“value”键入的单个数组。之后，所有的parralel迭代都会与单独的变量一起工作。对不起，我的英语不好，伙计们...... – odiszapc

是的，它是线性的。嗯...容易进出更复杂...我认为你需要用抛物线或双曲线方程来计算步进值或暂停值：“next_iteration + = step”到“next_iteration = hyperbole_formula（step）” – odiszapc

我知道这是旧的，但是......尝试使用一些方程式来计算运动中特定点处的位置，方便地使用方程式。这里有一个我发现立方体容易进出

Math.easeInOutCubic = function (t, b, c, d) { 
    t /= d/2; 
    if (t < 1) return c/2*t*t*t + b; 
    t -= 2; 
    return c/2*(t*t*t + 2) + b; 
};

这与seInterval函数相结合可以是非常有效的，并给你负载的控制。只是问你是否想要更多的信息...

来源

2017-03-24 00:52:26 treeseal7

带有setInterval的JS转换

回答

相关问题