javascript - switch div 函数中 JavaScript 的时间延迟

Question

我对 Javascript 比较陌生。我最近发现了这个switch div function悬停时。我也插入了下面的代码。我试图插入鼠标从 div 中移除后发生的时间延迟。这样它就不会立即变回原始文本。我该怎么做呢？我想我需要使用 setTimeOut() 但我还没有找到成功实现它的方法。

$('.switch').hover(function() {
        $(this).find('.avg_words').hide();
        $(this).find('.avg_num').show();
    }, function() {
        $(this).find('.avg_num').hide();
        $(this).find('.avg_words').show();
});

.avg_num {
	display: none;
}

<div class="switch">
<div class="avg_words float_left">
  A+ (hover to see score)  
</div>
<div class="avg_num">
  AVG = 98.35%
</div>
</div>

Answer 1

在setTimeout中，这是超时对象的this。这就是它不起作用的原因

$('.switch').hover(function() {
        $(this).find('.avg_words').hide();
        $(this).find('.avg_num').show();
    }, function() {
        var hoverObj = this;
        setTimeout(function() {
            $(hoverObj ).find('.avg_num').hide();
            $(hoverObj ).find('.avg_words').show();
        }, 1000);
    });