Na co čekáš?

by Petr Haluza

HTML

<div id="idleMessage">Na co čekáš?</div>

CSS

#idleMessage {
            display: none; /* Initially hidden */
            position: fixed;
            bottom: 10px;
            left: 10px;
            padding: 10px;
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
            border-radius: 5px;
        }

JavaScript

$(document).ready(function() {
            let idleTimer;
            const idleTimeLimit = 3000;

            $(document).on('mousemove', function() {
                $('#idleMessage').fadeOut();
                clearTimeout(idleTimer);
                idleTimer = setTimeout(function() {
                    $('#idleMessage').fadeIn();
                }, idleTimeLimit);
            });
        });