我希望能够以特定速率运行函数，该函数可以根据曲线等数学函数增加或减少……与 easeIn 等缓动函数的方式大致相同> 和 easeOut 在 CSS 和 JQuery 中工作。
这是“easeInOut”类型场景的粗略说明。直线代表时间，o是一个函数调用。
o-o--o----o-----o------------o-----o---o--o-o
实现可能类似于:
trigger(5000, "easeInOut", callback); // Over five seconds, "callback()" is called with an easeInOut ease.
function triggerWithEase(duration, ease, callback){
// ???
}
function callback(){
console.log("Heyo!");
}
是否已经有针对此问题的 Javascript/JQuery 解决方案？如果没有，如何实现？
时序图本身的一些灵感:
我对你们这些有创造力的人印象深刻，他们实际上使用了我在描述中使用的小 ASCII 图作为函数的输入!不过，我正在寻找一个更数学化的解决方案……
下面是对我的想法的更好说明。这假设我们在 20 秒的持续时间内使用二次公式 (ax^2 + bx + c)。
向函数传递一些参数并让它以正确的时间间隔触发回调，这样做真的很酷:
一些完全未经测试的、我正在玩的餐巾纸背面的伪代码:
function easeTrigger(callback, functionType, functionOptions, duration, numberOfCalls){
switch("functionType"){
case "quadratic":
quadtratic(functionOptions);
break;
case "sine":
sine(functionOptions);
break;
/* ... */
default:
linear(functionOptions);
break;
}
function quadratic(options){
var x = numberOfCalls;
var result;
var delay;
var timer;
for (var i = x - 1; i >= 0; i--) {
result = a * Math.pow(x, 2) + (b * x) + c;
delay = result * 1000; // using the result to calculate the time between function calls
}
// ???
for (var s = numberOfCalls - 1; s >= 0; s--) {
delay = result * 1000; // probably need to chain this somehow, a for loop might not be the best way to go about this.
timer = setTimeout(result, caller);
}
// ???
// PROFIT!
}
function caller(duration){
clearTimeout(timer);
timer = setTimeout(delay, callback);
}
}
// How this might be implemented...
easeTrigger(callback, "quadratic", {a: 1, b: 2, c:0}, 5000, 20);
easeTrigger(callback, "linear", {a: 1, b: 2}, 5000, 10);
// Callback to call at the end of every period
function callback(){
console.log("Yo!");
}
最佳答案
在 action 中，您应该设置您需要在您提到的曲线刻度上执行的任何操作。
function TimeLine(unit, curve, action) {
this.unit = unit;
this.curve = curve;
this.action = action;
this.tick = 0;
}
TimeLine.prototype.start = function() {
var me = this;
console.log('Start.');
me.id = setInterval(function() {
me.onRun();
}, me.unit);
me.onRun();
};
TimeLine.prototype.stop = function() {
var me = this;
console.log('Stop.');
clearInterval(me.id);
delete me.id;
};
TimeLine.prototype.onRun = function() {
var me = this;
if (me.curve.charAt(me.tick++) === 'o') {
me.action && me.action();
} else {
console.log('Idle...');
}
if (me.tick > me.curve.length) {
me.stop();
}
}
var log = function() {
console.log('Ping:', (new Date).getTime());
},
t = new TimeLine(200, 'o----o----o--o-o-o-o-ooo', log);
t.start();
编辑 与您上次编辑相关，计算某些函数将被调用的间隔，一些更正:
所以你看到的时间轴是这样的:
`t0 -------------- tx --------------------------------------- tN`
并且您说在时间间隔 duration (=tN-t0) 上，您将调用函数 a numberOfTimes
所以该函数将在 [t0,...,ti,..tx] 中调用，其中 x = numberOfTimes 并且这些时间中的每一个都是使用某个函数计算的
function quadratic(options){
var x = numberOfCalls,
delay = 0,
result, , timer;
for (var i = x - 1; i >= 0; i--) {
result = a * Math.pow(x, 2) + (b * x) + c;
delay += result * 1000; // cumulate these time values so you can lunch the call already
// so you call them in a loop but they will start at the precalculated times
setTimeout(caller, delay);
}
}
虽然我看不出您将如何强制将持续时间设置为特定持续时间，但它会起作用，除非它以某种方式成为函数的参数。
关于javascript - 根据 ease 函数以变化的速率调用函数？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46366951/
我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem，所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re
我正在尝试用ruby中的gsub函数替换字符串中的某些单词，但有时效果很好，在某些情况下会出现此错误？这种格式有什么问题吗NoMethodError(undefinedmethod`gsub!'fornil:NilClass):模型.rbclassTest"replacethisID1",WAY=>"replacethisID2andID3",DELTA=>"replacethisID4"}end另一个模型.rbclassCheck 最佳答案 啊，我找到了!gsub!是一个非常奇怪的方法。首先，它替换了字符串，所以它实际上修改了
我有一个用户工厂。我希望默认情况下确认用户。但是鉴于unconfirmed特征，我不希望它们被确认。虽然我有一个基于实现细节而不是抽象的工作实现，但我想知道如何正确地做到这一点。factory:userdoafter(:create)do|user,evaluator|#unwantedimplementationdetailshereunlessFactoryGirl.factories[:user].defined_traits.map(&:name).include?(:unconfirmed)user.confirm!endendtrait:unconfirmeddoenden
我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file
我有一些代码在几个不同的位置之一运行:作为具有调试输出的命令行工具，作为不接受任何输出的更大程序的一部分，以及在Rails环境中。有时我需要根据代码的位置对代码进行细微的更改，我意识到以下样式似乎可行:print"Testingnestedfunctionsdefined\n"CLI=trueifCLIdeftest_printprint"CommandLineVersion\n"endelsedeftest_printprint"ReleaseVersion\n"endendtest_print()这导致:TestingnestedfunctionsdefinedCommandLin
如何在ruby中调用C#dll？ 最佳答案 我能想到几种可能性:为您的DLL编写(或找人编写)一个COM包装器，如果它还没有，则使用Ruby的WIN32OLE库来调用它；看看RubyCLR,其中一位作者是JohnLam，他继续在Microsoft从事IronRuby方面的工作。(估计不会再维护了，可能不支持.Net2.0以上的版本)；正如其他地方已经提到的，看看使用IronRuby，如果这是您的技术选择。有一个主题是here.请注意，最后一篇文章实际上来自JohnLam(看起来像是2009年3月)，他似乎很自在地断言RubyCL
我正在尝试使用boilerpipe来自JRuby。我看过guide从JRuby调用Java，并成功地将它与另一个Java包一起使用，但无法弄清楚为什么同样的东西不能用于boilerpipe。我正在尝试基本上从JRuby中执行与此Java等效的操作:URLurl=newURL("http://www.example.com/some-location/index.html");Stringtext=ArticleExtractor.INSTANCE.getText(url);在JRuby中试过这个:require'java'url=java.net.URL.new("http://www
我需要一些关于TDD概念的帮助。假设我有以下代码defexecute(command)casecommandwhen"c"create_new_characterwhen"i"display_inventoryendenddefcreate_new_character#dostufftocreatenewcharacterenddefdisplay_inventory#dostufftodisplayinventoryend现在我不确定要为什么编写单元测试。如果我为execute方法编写单元测试，那不是几乎涵盖了我对create_new_character和display_invent
在启用Rack::Deflater来gzip我的响应主体时偶然发现了一些奇怪的东西。也许我遗漏了一些东西，但启用此功能后，响应被压缩，但是资源的ETag在每个请求上都会发生变化。这会强制应用程序每次都响应，而不是发送304。这在没有启用Rack::Deflater的情况下有效，我已经验证页面源没有改变。我正在运行一个使用thin作为Web服务器的Rails应用程序。Gemfile.lockhttps://gist.github.com/2510816有没有什么方法可以让我从Rack中间件获得更多的输出，这样我就可以看到发生了什么？提前致谢。 最佳答案
如何在Ruby中按名称传递函数？(我使用Ruby才几个小时，所以我还在想办法。)nums=[1,2,3,4]#Thisworks,butismoreverbosethanI'dlikenums.eachdo|i|putsiend#InJS,Icouldjustdosomethinglike:#nums.forEach(console.log)#InF#,itwouldbesomethinglike:#List.iternums(printf"%A")#InRuby,IwishIcoulddosomethinglike:nums.eachputs在Ruby中能不能做到类似的简洁？我可以只