悬停时停止计时器

Question

我无论如何都不是JS编码器.我知道足够让事情做我想做的事,但无法从头开始编码.我的问题是:

我们有一个购物车,当您添加产品时,购物车会显示自己4秒钟,除非客户将鼠标悬停在购物车上.当光标悬停在它上面时,我似乎无法让它停止超时.

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

Answer 1

setTimeout()将变量存储在变量中,并将其用于clearTimeout():

// 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);
   }
});