Kullanıcı Boştayken Yangın Olayı - CSS Hileleri

Anonim

Aşağıdaki açıklamalı iki satıra bakın; burası, kullanıcı boşta kaldığında ve kullanıcı geri geldiğinde yapılacak şeyler için kod ekleyebileceğiniz yerdir. Üçüncü satırda boşta kalma süresini 1000 = 1 saniye olarak ayarlayın.

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)

Bu, belirtilen saniyelerin sonunda ateşlemek için bir setTimeout işlevi kullanarak çalışır. Bu süre içinde temelde bir şey olursa (fare hareket ederse, sayfa kaydırılırsa veya bir tuşa basılırsa) zaman aşımı süresi sıfırlanır.