Button Mouse Out hide element after 2 seconds

Hello,

Is it possible to hide an element when you hover out a button but after 2 seconds ?

The code to hide an element when you hover out is working for me but don’t know how to put a timer.

Your help will be welcome


$w . onReady ( function () {

$w ( '#button22' ). onMouseIn (( event ) => { 
    $w ( "#box13" ). show ();  
}); 

$w ( '#button22' ). onMouseOut (( event ) => { 
    $w ( "#box13" ). hide ();  
}); 

});

  $w('#button22').onMouseOut((event) => {
        setTimeout($w("#box13").hide, 2000); 
    });

@J.D. Just for your info, to know what exactly the post-opener is talking about…

$w . onReady ( function () {

$w ( '#RollerShadesBtn' ). onMouseIn (( event ) => { 
    $w ( "#SolarShadesBox" ). show ();  
}); 
$w ( '#SolarShadesBox' ). onMouseIn (( event ) => { 
    $w ( "#SolarShadesBox" ). show ();  
}); 
$w ( '#RollerShadesBtn' ). onMouseOut (( event ) => { 
    $w ( "#SolarShadesBox" ). hide ();  
}); 
$w ( '#SolarShadesBox' ). onMouseOut (( event ) => { 
    $w ( "#SolarShadesBox" ). hide ();  
}); 

});