-
我们称这些行为事件（事件），和响应的回调函数（回调）。事件的连续流动称为事件流（事件流）。这些行为的速度没有手动控制，但我们可以控制何时以及如何激活正确的响应，也有一些技术，为我们提供了精确的控制。
节流阀
在现代浏览器，60fps帧率流畅的目标，给我们的16.7ms时间预算来应对所有的更新一些事件需要。可以推断，如果N个事件发生的每一秒，回调执行，以T秒的平稳运行。
1
如果t是毫秒，
1000
如果你使用MouseMove事件，你会知道，MouseMove事件的数量可以超过每秒60次。如果我们需要更多的16.7ms回调，它会开始乱了。
var = 0；
函数日志（）{
VAR现在= Date.now（）；
如果（1000 （现在-那么）> 60）{
console.log（这是在9000！！！！）；
}
那么现在；
}
window.onmousemove =日志；
实现
节流阀允许我们限制反应我们激活号码。我们可以限制回调每秒数。反过来，也就是说要等到下一个回调是激活了多少时间；
var = 1000；
var = 0；
函数日志（）{
console.log（'foo）；
}
功能throttledlog（）{
VAR现在= Date.now（）；
如果（现在-那么=δ）{
（日志）；
那么现在；
}
}；
window.onmousemove = throttledlog；
我们可以用FPS代替delta，并推导出不同的代码。
fps = 60；
…
功能throttledlog（）{
VAR现在= Date.now（）；
如果（1000 （（现在-那么）< fps）{）
（日志）；
那么现在；
}
}；
window.onmousemove = throttledlog；
我们还可以通过使用setTimeout实现相同的结果。但是，这是不检查的时间不同，但检查的状态变化。
第一次，我们可以安全地激活回调，一旦完成，回调将在delta时间等待之后重新激活。
var = 1000；
var安全=真；
函数日志（）{
console.log（'foo）；
}
功能throttledlog（）{
如果（安全）{
（日志）；
安全=假；
setTimeout（）{（）函数（
安全的=真实的；
}，delta）；
}
}；
window.onmousemove = throttledlog；
消抖
术语-从电子领域的抖动，手动开关输入信号被发送到数字电路。在电子产品中，当您按下物理按钮一次，数字电路可以读取多个压力机，因为物理性质的按钮（金属触点，弹簧，磨损部件等）。
抖动指的是收集到的所有信号并作为一个信号。
例子
一个简单的例子已经存在于JS：KeyDown和KeyUp。假设你是一个项目的工作，你需要输入的内容。但你想每次去打击键盘，当输入，如果有键按下，KeyDown事件不断被触发，但KeyUp事件只有当松开按键触发。
window.onkeyup =函数（）{
console.log（'onkeyup）；
}
window.onkeydown =函数（）{
console.log（'onkeydown）；
}
行为差异是确定输入是否已经完成有用。在示例场景中，它是KeyUp事件你要使用。在某种程度上，我们可以说，keydown是原始输入，和KeyUp是抖动的输入。
实现
当事件发生时，我们不会立即激活回调。相反，我们等待一定的时间，并检查是否再次触发同一事件。如果是这样，我们重新设置计时器并再次等待。如果在等待期间没有发生同样的事件，我们会立即激活回调。
var = 1000；
无功timeoutid = null；
函数日志（）{
console.log（'foo）；
}
功能debouncedlog（）{
ClearTimeout（timeoutid）； / /复位定时器
timeoutid = setTimeout（）{（）函数（
有一段时间
检查事件是否再次发生
（日志）；
}，delta）；
}；
window.onkeydown = debouncedlog；
立即
眼前的是完全版的消抖，等待Debounce的后续事件触发相比，然后激活回调，回调立即立即激活，然后等待后续事件触发在一定时间内。
实现
在节流的情况下，我们需要一个状态变量来检查我们是否应该激活我们的回调。我们不需要在去抖因为timeoutid是这部分的隐。
var = 1000；
无功timeoutid = null；
var安全=真；
函数日志（）{
console.log（'foo）；
}
功能immediatedlog（）{
如果（安全）{
（日志）；
安全=假；
}
ClearTimeout（timeoutid）；
timeoutid = setTimeout（）{（）函数（
安全的=真实的；
}，delta）；
}；
window.onkeydown = immediatedlog；
总结
这就是本文的全部内容。在这篇文章中，我们探索了最常用的计时技术，希望本文的内容能对大家的学习或工作有所帮助。如果有问题，你可以留言。