ホバー上でタイマーを停止する

Question

私はJSコーダーではありません。私は物事を私が欲しいものにするのに十分だと知っていますが、最初からコード化することはできませんでした。私の問題は次のとおりです：

商品を追加すると、カートがユーザーの頭上にない限り、カートには4秒間表示されます。私はカーソルがその上にぶら下がっているときにタイムアウトを止めることができないようです。

$(document).ready(function() { 
    setTimeout(function() { $('#ctl00_ctl00_ctlHeader_divOrderProducts').hide(); }, 4000); 
}); 

Answer 1

あなたは変数にあなたのタイマーを設定する必要があります。

clearTimeout(timer1) 

Answer 2

ストア変数でsetTimeout()の復帰、そしてclearTimeout()にそれを使用します：

var timer1 = setTimeout(function() { ... }) 

その後、使用

// t is a global scope variable. 
// Probably a good idea to use something better than 't' 
var t; 
$(document).ready(function() { 
    // Store the return of setTimeout() 
    t = setTimeout(function() { $('#ctl00_ctl00_ctlHeader_divOrderProducts').hide(); }, 4000); 
}); 

$('cart-selector').hover(function() { 
    if (t) { 
    // Call clearTimeout() on hover() 
    clearTimeout(t); 
    } 
}); 

Answer 3

setTimeout()の戻り値を保存して、後でclearTimeout()と一緒に使用する必要があります。あなたはマウスが再びカートを離れたときにタイマーを再度有効にする場合、あなたはこのようにそれを行うことができます（#ctl00_ctl00_ctlHeader_divOrderProductsと仮定すると、カートがある）

$(document).ready(function() { 
    var hideTimer = setTimeout(function() { 
     $('#ctl00_ctl00_ctlHeader_divOrderProducts').hide(); 
    }, 4000); 
    $('#ctl00_ctl00_ctlHeader_divOrderProducts').hover(function() { 
     if (hideTimer) { 
      clearTimeout(hideTimer); 
      hideTimer = null; 
     } 
    }); 
}); 

：それへの一つの方法は、このようなものです

$(document).ready(function() { 
    var hideTimer; 

    function delayHideCart() { 
     if (!hideTimer) { 
      hideTimer = setTimeout(function() { 
       $('#ctl00_ctl00_ctlHeader_divOrderProducts').hide(); 
      }, 4000);   
     } 
    } 

    delayHideCart(); 
    $('#ctl00_ctl00_ctlHeader_divOrderProducts').hover(function() { 
     if (hideTimer) { 
      clearTimeout(hideTimer); 
      hideTimer = null; 
     } 
    }, function() { 
     delayHideCart(); 
    }); 
}); 

Answer 4

これはそれを行う必要があります。

$(document).ready(function() { 
    var timeout = setTimeout(function() { $('#ctl00_ctl00_ctlHeader_divOrderProducts').hide(); }, 4000); 
    $('#ctl00_ctl00_ctlHeader_divOrderProducts').mouseover(function() { 
     clearTimeout(timeout); 
    }); 
}); 

あなたが変数としてタイムアウトを保存して、あなたがカートをマウスオーバーし、そのタイムアウトを渡すときてclearTimeoutを呼び出します。

Answer 5

var timer = window.setTimeout(function() { 
$('#ctl00_ctl00_ctlHeader_divOrderProducts').hide(); 
if(someCondition)clearTimeout(timer); 
}