javascript - jQuery - 延迟悬停

Question

在 css 完成我的动画（200 毫秒）之后，我想对我的跨度内的文本进行修改。我想将一个delay参数传递给我的悬停状态，所以它会等待。我的代码如下：

$('.overlay').each(function() {
    var text = $(this).children('.category').children('span').text(),
        newtext = text.substring(0,1);

    $(this).children('.category').children('span').text(newtext);

    $(this).delay(5000).hover(function() {
        $(this).children('.category').children('span').delay(5000).stop().text(text);
    }, function() {
        $(this).children('.category').children('span').text(newtext);
    })
});

不幸的是，无论我放在哪里，它都不起作用delay。我能做些什么？

Answer 1

我不确定您是否可以将延迟用于这种语法没有影响的事情，那么为什么不使用 Javascript 的 setTimeout 呢？似乎它会更简单。

$(this).hover(function() {
    var that = this;
    setTimeout(function(){
    $(that).children('.category').children('span').text(newtext);
    },5000);
})