I added a tooltip using Bootstrap popover and everything works fine. Tell me how you can upgrade this code so that when you hover the mouse for 2 seconds to add a delay before opening it?

 $(".reward-info").popover({
    trigger: "manual",
    html: true,
    animation:false,
        
    placement : "top"
  })
    
  .on("mouseenter", function() {
        
    var _this = this;
        
    $(this).popover("show");
    $(".popover").on("mouseleave", function() {
      $(_this).popover('hide');
    });
  }).on("mouseleave", function() {
    var _this = this;
    setTimeout(function() {
      if (!$(".popover:hover").length) {
        $(_this).popover("hide");
      }
    }, 300);
  });