fonction anti-tremblement
-
Tout d'abord regarder de plus près la définition ne peut pas lire la fonction de stabilisation d'image
- Lorsque la fonction d'une période de temps très petit quand souvent déclenché, dans lequel uniquement lorsque l'intervalle de temps entre deux intervalles de déclenchement adjacente atteint une certaine longueur, la fonction est exécutée une fois
-
En fait, il est fonction anti-tremblement et la vie quotidienne pour prendre le bus, nous voulons tous rattraper une raison
-
D'abord avec le Simuler code ce qui, une fois sur une voiture personnelle, le conducteur a conduit immédiatement
// 开车函数 function kaiChe() { console.log('车开走了~'); } // 打开车门 var door = document.getElementById('ipt'); // 一旦有人进入就立即开车 door.oninput = kaiChe; -
Pour être honnête, je ne veux pas que cette vie a rencontré ce pilote
-
Il est donc de moi, d'être un dévouement au profit des passagers d'un bon conducteur!
// 准备一个秒表 var clock; // 一旦有乘客上车 door.oninput = function () { // 将表清零 clearTimeout(clock); // 开始计时10秒钟 , 等后面的人上车 clock = setTimeout(() => { // 10秒内没人上车再开车 kaiChe(); }, 10000); } -
Mais alors, on n'a pas besoin tous les autres 10 secondes, non seulement des besoins de transport en commun ouvert et d'autres, nous attendrons pour cette opération a été réalisée en fonction de l'ensemble abstrait, plus polyvalent
function debounce(fn, delay) { var clock; return function () { clearTimeout(clock); clock = setTimeout(fn, delay); } } // 调用方式 : 4秒之内无人上车再开车 door.oninput = debounce(kaiChe, 4000); // 我计划等到周六睡懒觉嘿嘿嘿 me.onplan = debounce('睡懒觉', '周六'); -
Fonction image scénarios de stabilisation
-
Recherche en temps réel (keyup)
-
Drag (mousemove)
-
