等待/悬停时间befor功能开始

Question

到目前为止，我的功能正常。但现在我想，光标需要保持至少2秒。通过div“customers”启动该功能，否则该功能无法启动。

的Javascript

$('.customer').hover(function() {
                var tOutCustomer = null;
                var $this = $(this);

                    if ($this.hasClass("open")) {
                        tOutCustomer =  setTimeout(function () {
                            $this.find('.customer-icon').animate({left: "0"});
                            $this.find('.customer-description').animate({left: "100%"});
                        }, 1000);
                            $this.removeClass("open");


                    }  else {

                        $this.find('.customer-icon').animate({left: "-100%"});
                        $this.find('.customer-description').animate({left: "0"});
                        $this.addClass("open");
                        clearTimeout(tOutCustomer);
                    }

                });

Answer 1

您应该使用setTimeout函数。请点击此链接：

http://www.jquerybyexample.net/2012/02/how-to-use-jquery-settimeout-function.html