Zeigen Sie div-einmal am Tag

<div class="ads">Some text</div>

Wollen:

  1. zeigen in diesem block einmal am Tag pro Besucher (ohne Registrierung) (standardmäßig ausgeblendet, cookie-check, was sollte verwendet werden?)
  2. wenn der block bereits gezeigt wurde heute, dann nicht zeigen, es heute mehr
  3. if-block gezeigt wurde yeasterday und ein Tag vergangen ist, dann zeigen Sie es wieder (wie ordnungsgemäß zu überprüfen, dass das eines Tages vorbei ist?)

Wie kann ich dies tun?

Website-Beispiele mit diesem feature:

http://premiumpixels.com

http://365psd.com

  • cookies wenn Sie cookies deaktiviert haben, zeigt es jedes mal
  • weiß nicht, zu prüfen, "eines Tages ist Vergangenheit" mithilfe eines cookies.
  • Einmal pro Tag pro user?
  • oder wenn Sie die cookies löschen. Grundsätzlich gibt es keinen Weg, um absolut garantieren, dass ein div zeigt nur einmal am Tag, um alle Besucher.
  • don ' T care about cookies deaktiviert
  • ja, einmal am Tag je Besucher
  • Der code zum Lesen/schreiben von cookies: w3schools.com/js/js_cookies.asp
  • Den code zu überprüfen, die "1 Tag" Zustand: check datejs.com für wahnsinnig schöne syntax (1).days().ago(), und stackoverflow.com/questions/492994/... vergleichen, um den Tag gespeichert in cookie mit gestern.
  • bitte vermeiden Sie verweisen auf w3schools -> w3fools.com
  • fair enough, danke
  • Ich fand ein tutorial auf dieser. scriptsplash.com/2009/07/...

InformationsquelleAutor James | 2011-11-15
  1. 8

    Habe ich erstellt, Beispiel-code, dass die Umsetzung der Anforderung nach cookie:

    Hängt jQuery und Cookie plugin.

    <html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
        <script type="text/javascript" src="https://github.com/carhartl/jquery-cookie/raw/master/jquery.cookie.js"></script>
        <script type="text/javascript">                                         
        $(document).ready(function() {
            if( $.cookie('showOnlyOne') ){
                //it is still within the day
                //hide the div
                $('#shownOnlyOnceADay').hide();
            } else {
                //either cookie already expired, or user never visit the site
                //create the cookie
                $.cookie('showOnlyOne', 'showOnlyOne', { expires: 1 });

                //and display the div
                $('#shownOnlyOnceADay').show();
            }
        });
        </script>     
    </head>
    <body>
        <div id="shownOnlyOnceADay">
            This text should only be shown once a day!
        </div>
    </body>
</html>

    Getestet, es durch eine änderung des system-Datums.

    InformationsquelleAutor ariefbayu
  2. 2

    Können Sie nur verwenden, code wie diesen, vorausgesetzt, Sie beginnen immer mit Ihr div mit seinem Stil display - Eigenschaft auf none:

    if(localStorage.last){
    if( (localStorage.last - Date.now() ) / (1000*60*60*24) >= 1){ //Date.now() is in milliseconds, so convert it all to days, and if it's more than 1 day, show the div
        document.getElementById('div').style.display = 'block'; //Show the div
        localStorage.last = Date.now(); //Reset your timer
    }
}
else {
    localStorage.last = Date.now();
    document.getElementById('div').style.display = 'block'; //Show the div because you haven't ever shown it before.
}

    Referenz

    InformationsquelleAutor Some Guy
  3. 1

    Dies hängt davon ab, wie streng diese Regel zu werden.
    Für die volle Genauigkeit, werden Sie eine Datenbank pflegen die user-id und Zeitpunkt der Sperrung wird dem Benutzer angezeigt.
    Allerdings, wenn es ist nicht eine sehr harte und schnelle Regel, kann man Ungefähre Ergebnisse durch Speicherung
    die Zeit, in Browser-cookie und ein - /ausblenden des div, die Grundlage.
    Cookie gelesen werden kann, die in javascript als auch PHP, was auch immer zu Ihnen passt,ein - /ausblenden des div.

    • Ich weiß nicht, wie um zu überprüfen, alle 3 Schritte mithilfe eines cookies
    • warum dann nicht nutzen ? Nennen wir die cookie 'last_ad_time' beim laden der Seite,ob das cookie-Wert nicht gefunden wurde,oder wenn es gefunden wurde, dann sehen Sie, wenn der Wert älter als 24 Stunden ist,und zeigen Sie die Anzeige, setzen Sie auch das cookie.Wenn der Wert weniger als 24 Stunden alt sind, nichts zu tun.
    • wie um zu überprüfen, "wenn der Wert, die älter als 24 Stunden"?
    • set cookie mit php time() Funktion. In javascript verwenden new Date().getTime() nehmen Sie einen Unterschied von Ihnen, in Sekunden, zu konvertieren, um Stunden, und prüfen Sie, ob mehr als 24.
    InformationsquelleAutor DhruvPathak
  4. 0

    Anderen können cookies, die Sie verwenden können, localStorage zum speichern der letzten Zeit der Benutzer die Seite besucht.

    • "localstorage" funktioniert nicht überall
    InformationsquelleAutor pradeek
Schreibe einen Kommentar