Hur man verifiera en användare är aktiv eller inte, i JavaScript.
Hej alla! Idag har vi vid horisonten en enkel JavaScript-bibliotek - ifvisible.js, gör det möjligt att bestämma användaren interagerar med sidan eller inte.
Som alltid i början av en hänvisning till material:
Ladda ner källkoden kan du också att det genom att klicka på knappen Download.zip.
Detta bibliotek är mycket enkel, lätt och olika webbläsare.
u kan se en demo och se hur det fungerar. Du kommer att se ett reglage som kommer att fyllas på 30 sekunder. När du klickar på någon knapp eller tangentbordet eller musen för Dvina, är allt återställs , och räkningen kommer att gå igen. Så om du inte interagera med sidan på 30 sekunder, kommer det att "somnar".
Nu, hur man använder den. Ladda ner källkoden, anslut script.
Då måste du göra en säkerhetsprövning
// Om en sida är interaktion nu
if( ifvisible.now() ) {
// Visa en popup-fönster
openPopUp();
}Du kan spåra när en användare bytte till en annan flik eller rullade webbläsare.
ifvisible.on("blur", function() {
// exempelkod...
animations.pause();
});
ifvisible.on("focus", function() {
// återvänder alla animationer
animations.resume();
});ifvisible.js kan också hantera både aktiv och inaktiv på sidan
ifvisible.on("idle", function() {
// Stoppa all sändning
stream.pause();
});
ifvisible.on("wakeup", function() {
// Back sändning
stream.resume();
});Fördröjningen innan du byter till standardstandbyläge i 60 sekunder, men du kan ändra den
ifvisible.setIdleDuration(120); // Page kommer att träda beredskapsläge efter 120 sekunderDu kan hantera händelser manuellt
ifvisible.idle(); // Page översätta till standby-läge
ifvisible.idle(function() {
// Denna kod kommer att fungera när sidan går in i standby-läge
});
// Andra metoder
ifvisible.blur();
ifvisible.focus();
ifvisible.idle();
ifvisible.wakeup();Du kan be din smarta intervall ifvisible.js, om en användare är inaktiv eller inte titta på sidan, kommer intervallet automatiskt.
// Om en sida är aktiverad kommer funktionen att utföras varje halv sekund.
ifvisible.onEvery(0.5, function() {
// Animera logo endast när sidan är aktiv
animateLogo();
});Så, det är allt. Som ni kan se, en mycket enkel och intressant bibliotek, jag tror att många kommer att komma väl till pass. Tack och lycka till!
-
Skapad 01.07.2017 03:21:59
-
Farhod Samatov
Kommentarer (0):
För att lägga till en kommentar genom att logga in i systemet.
Om du ännu inte är registrerad på platsen, måste du först registrera.