Εκδήλωση πυρκαγιάς όταν ο χρήστης είναι αδρανής - CSS-Κόλπα

Δείτε τις δύο παρακάτω γραμμές, όπου μπορείτε να εισαγάγετε κώδικα για πράγματα που πρέπει να κάνετε όταν ο χρήστης αδράνει και όταν ο χρήστης επιστρέψει. Ορίστε την περίοδο αδράνειας στην τρίτη γραμμή, 1000 = 1 δευτερόλεπτο.

idleTimer = null; idleState = false; idleWait = 2000; (function ($) ( $(document).ready(function () ( $('*').bind('mousemove keydown scroll', function () ( clearTimeout(idleTimer); if (idleState == true) ( // Reactivated event $("body").append("
Welcome Back.
"); ) idleState = false; idleTimer = setTimeout(function () ( // Idle Event $("body").append("
You've been idle for " + idleWait/1000 + " seconds.
"); idleState = true; ), idleWait); )); $("body").trigger("mousemove"); )); )) (jQuery)

Αυτό λειτουργεί χρησιμοποιώντας τη λειτουργία setTimeout για ενεργοποίηση στο τέλος των καθορισμένων δευτερολέπτων. Εάν ουσιαστικά συμβεί κάτι κατά τη διάρκεια αυτής της περιόδου (το ποντίκι κινείται, η σελίδα μετακινείται ή πατηθεί ένα πλήκτρο) η περίοδος λήξης χρόνου επαναφέρεται.