JavaScript, jQuery och Ajax från noll till Guru

Min videokurs

Videokursen "JavaScript, jQuery och Ajax från noll till Guru" det lär dig att "blåsa liv" i sidorna, vilket gör dem med fantastiska effekter och maximal bekvämlighet för användaren.

Kurs lär dig att skriva skript i JavaScript, liksom utbildad i användningen av biblioteket jQuery och teknik Ajax.

Nästan alla snygg webbplats (med en vacker bildgallerier , reglage, mjuka övergångar och så vidare) använder jQuery. Och nästan alla seriösa webbplats i full användning teknik Ajax, vilket gör arbetet med webbplatsen så bekvämt som möjligt.

Därför kursen "JavaScript jQuery och Ajax från noll till Guru" du behövs bara om du vill skapa en verkligt värdig platser.

Mer..

Hur man verifiera en användare är aktiv eller inte, i JavaScript.

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:

ifvisible.js

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 sekunder

Du 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!

Kopiering av material är endast tillåtet med författaren (Farhod Samatov) och indexeras direkt länk till din webbplats (https://minhtml.se)!

Lägger till mina vänner Linkedin: https://www.linkedin.com/in/farhod-samatov.
Om du vill utvärdera mig och mitt arbete och sedan skriva det i min grupp: https://www.linkedin.com/in/farhod-samatov.

Om du har några frågor, eller om du har en önskan att tala ut om den här artikeln, kan du lämna en kommentar längst ner på sidan.

Rekommendera artikeln till en vän:

Om du gillade platsen, länken till den (på din webbplats, forum, i kontakt)

  1. Textlänk :

    Det ser ut så här: Hur man skapar din webbplats

  2. BB-kod referens för indexet (till exempel kan du lägga den i signaturen):

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.