How to automatically close modal window with animation?

Question

WordPress

here is the code

<script type="text/javascript">
    $(window).load(function() {
    $("#likes").delay(4500).fadeOut(500);
    })
    </script>

but it only works before the body is loaded, I just need to press the button at any moment in my case "I like" a window pops out, it should close itself after some time, while with animation, the code works but only if you click on button before the entire body is loaded, but I need it to work after loading the body, I’m not strong in JS, alas ...
help please)

Answer 1

Good afternoon!
The most suitable plugin for your task is this one, I think: https://wordpress.org/plugins/estatik/
There are other options:
https://wordpress.org/plugins/real-estate-listing-...
https:// wordpress.org/plugins/wp-listings/
https://wordpress.org/plugins/easy-property-listings/
But there you already need to finish it.

Answer 2

I sketched an example, if I understood correctly https://jsfiddle.net/ruzqg3nL/10/
you need jquery connection

Answer 3

When opening a modal window, create a window opening event via trigger. and then catch the window opening event, in which we will close it after some time using setTimeout