Javascrip témakörök Adattárolás témakörei

session számláló. 230

A sessionStorage Object, mint számláló

sessionStorage megsemmisül, ha felhasználó bezárja az adott böngészőt.

Oldal látogatottsági számláló.
sessionStorage, azaz session munkamenet tárolóval.

A következő példa megszámolja, felhasználó mennyiszer látogatta meg az oldalunkat, az aktuális munkamenetben:

<span id="kattintasok_szama"></span>

<script type="text/javascript">
// Ha létezik már a kattintasok nevű változó, akkor növeljük az értékét egy-egységgel.
 if (sessionStorage.kattintasok) 
  {
     // A kód értéke karakterlánc, melyet számmá konvertálunk, így a program képes növelni a számlálót.
    sessionStorage.kattintasok = Number(sessionStorage.kattintasok) + 1;
  } 
// Ha nem létezik még a kattintasok nevű változó, akkor létrehozzuk, és kezdő értékét 1-re állítjuk be.
 else 
  {
    sessionStorage.kattintasok = 1;
  }
document.getElementById("kattintasok_szama").innerHTML = "Ön ennyiszer látogatta meg az oldalt: " +
 sessionStorage.kattintasok + " time(s) ezen a session, munkameneten.";
</script>

Ön ennyiszer látogatta meg az oldalt: 1 ezen a session, munkameneten.

Teszteljük fenti programunkat!
Számláló 1, azaz egy, egységgel növekedik, ha:
- Kilépünk ezen oldalról, majd ismét belépünk.
- És minden oldalfrissítéskor. (Program szempontjából, ez is új belépésnek minősül.)

 

 

Kattintások számlálása.
sessionStorage, azaz session munkamenet tárolóval.

Felhasználó mennyiszer kattintott egy általunk meghatározott:

A következő példa megszámolja, felhasználó mennyiszer kattintott egy általunk meghatározott button gombra:

<div id="munkaablak"></div>
<input type="button" value="Button gomb. Számláló!" onClick="munkamenetSzamlalo()">

<script type="text/javascript">
function munkamenetSzamlalo()
{
// Ha létezik már a button_kattintasok nevű változó, akkor növeljük az értékét egy-egységgel.
if (sessionStorage.button_kattintasok) 
{
     // A kód értéke karakterlánc, melyet számmá konvertálunk, így a program képes növelni a számlálót.
    sessionStorage.button_kattintasok = Number(sessionStorage.button_kattintasok) + 1;
} 
// Ha nem létezik még a button_kattintasok nevű változó, akkor létrehozzuk, és kezdő értékét 1-re állítjuk be.
else {
    sessionStorage.button_kattintasok = 1;
}

// Kiíratjuk az értéket, az előre meghatározott területen.
document.getElementById("munkaablak").innerHTML = "<b>Ön ennyiszer kattintott a button gombra:</b> " + 
sessionStorage.button_kattintasok + " (ezen a session, munkameneten.)";
}
</script>

Teszteljük fenti programunkat!


 

 

Munkamenet időtartama (kezdettől a végéig tart):

Munkamenet kezdete: Böngésző programunk megnyitása.
Munkamenet vége: Böngésző programunk bezárása.

 

 

 

 

Vissza a lap elejére