Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带setInterval的JS转换_Javascript_Setinterval_Transitions - Fatal编程技术网

Javascript 带setInterval的JS转换

Javascript 带setInterval的JS转换,javascript,setinterval,transitions,Javascript,Setinterval,Transitions,我知道有css转换,但我想在文本上应用转换(而这不能用css实现)。我想要一个自定义的过渡 你能给我一个网站,在那里你可以画曲线,它可以给你js计算吗?(或类似的东西)你可以在css3中进行文本转换,对于演示访问基本转换可以用Jquery的animate()完成;如果你想要更复杂的路径,我想这不会满足你的需求 但也有一个类似的问题: 提及: 当我使用某些视觉功能时,我需要将浮点数设置为表格单元格。不是本机设置,但带有动画:0.1.0.15。。0.2... 0.3................

我知道有css转换,但我想在文本上应用转换(而这不能用css实现)。我想要一个自定义的过渡


你能给我一个网站,在那里你可以画曲线,它可以给你js计算吗?(或类似的东西)

你可以在css3中进行文本转换,对于演示访问

基本转换可以用Jquery的animate()完成;如果你想要更复杂的路径,我想这不会满足你的需求

但也有一个类似的问题:

提及:

当我使用某些视觉功能时,我需要将浮点数设置为表格单元格。不是本机设置,但带有动画: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 */)

你肯定会在“”看到。
可能这个问题与您的问题有点不同,但是提供了一个指向“”的良好链接,这反过来可能会为您澄清“轻松输入/输出”技术。这个链接确实值得一看。

我知道这个很旧,但是。。。尝试使用一些方程式,使用“轻松输入输出”方程式计算运动中特定点的位置。这是我找到的一个方便进出的

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;
};
Math.easeInOutCubic=函数(t,b,c,d){
t/=d/2;
如果(t<1)返回c/2*t*t*t+b;
t-=2;
返回c/2*(t*t*t+2)+b;
};

这与seInterval函数相结合可以非常有效,并为您提供控制负载。只需询问您是否需要更多信息…

这很好,但这是线性过渡。即使我改变50,它仍然是线性的。你能举个简单的例子吗?我不是JS大师。当我使用上述方法同时设置多个值时,我遇到了一些问题:局部变量彼此覆盖。为了解决这个问题,我将所有的局部变量转换成单个数组,数组的键是“value”。之后,所有parralel迭代都将使用单独的变量。抱歉我的英语不好,伙计们…是的,是线性的。陛下简单的输入输出更复杂。。。我想你需要用抛物线或双曲线方程计算步长或暂停值:“下一次迭代+=步长”到“下一次迭代=双曲线公式(步长)”是的,但我的问题是如何编写这个双曲线公式函数。