Javascript countdown-timer + PHP code in JS

Ich brauche Hilfe mit dem countdown-timer in javascript.Ich fand den code unten in PHPJabbers. Dieser code funktioniert einwandfrei, aber wenn ich die Seite neu laden, das geht zurück zu seiner ursprünglichen Zeit. Ich behalten wollen, die Zeit, auch wenn ich die Seite geladen werden. Ich will auch hinzufügen, PHP Funktion innerhalb der if Sekunden == 0. Ich bin mir nicht sicher, ob es möglich ist. Vielen Dank im Voraus

<span id="countdown" class="timer"></span>
<script>
var seconds = 60;
    function secondPassed() {
    var minutes = Math.round((seconds - 30)/60);
    var remainingSeconds = seconds % 60;
    if (remainingSeconds < 10) {
        remainingSeconds = "0" + remainingSeconds; 
    }
    document.getElementById('countdown').innerHTML = minutes + ":" +    remainingSeconds;
    if (seconds == 0) {
        clearInterval(countdownTimer);
        document.getElementById('countdown').innerHTML = "Buzz Buzz";
    } else {    
        seconds--;
    }
    }
var countdownTimer = setInterval('secondPassed()', 1000);
</script>
Verwenden cookies oder HTML5 localStorage
Danke für die Antwort @hintersten. Aber welche der beiden ist besser?
Es ist besser beide
Wie über die PHP-Funktion innerhalb der if(Sekunden == 0) {}. Ich versuchte, meinen PHP-code drin, aber Es funktioniert nicht.
Sie können nicht aufrufen, PHP Funktion in JS direkt. Sie nur mit den indirekten Aufruf über AJAX.

InformationsquelleAutor rrr | 2014-04-10

  1. 3

    Prüfen (umgesetzt mit Hilfe von cookies)

                    function setCookie(cname,cvalue,exdays)
                {
                var d = new Date();
                d.setTime(d.getTime()+(exdays*24*60*60*1000));
                var expires = "expires="+d.toGMTString();
                document.cookie = cname + "=" + cvalue + "; " + expires;
                }
                function getCookie(cname)
                {
                var name = cname + "=";
                var ca = document.cookie.split(';');
                for(var i=0; i<ca.length; i++)
                  {
                  var c = ca[i].trim();
                  if (c.indexOf(name)==0) return c.substring(name.length,c.length);
                  }
                return "";
                }

                //check existing cookie
                cook=getCookie("my_cookie");

                if(cook==""){
                   //cookie not found, so set seconds=60
                   var seconds = 60;
                }else{
                     seconds = cook;
                     console.log(cook);
                }

                function secondPassed() {
                    var minutes = Math.round((seconds - 30)/60);
                    var remainingSeconds = seconds % 60;
                    if (remainingSeconds < 10) {
                        remainingSeconds = "0" + remainingSeconds;
                    }
                    //store seconds to cookie
                    setCookie("my_cookie",seconds,5); //here 5 is expiry days

                    document.getElementById('countdown').innerHTML = minutes + ":" +    remainingSeconds;
                    if (seconds == 0) {
                        clearInterval(countdownTimer);
                        document.getElementById('countdown').innerHTML = "Buzz Buzz";
                    } else {    
                        seconds--;
                    }
                }

                var countdownTimer = setInterval(secondPassed, 1000);

    arbeiten jsFiddle

    Danke. Es hat geklappt! 🙂
    Same2u & willkommen
    Netter code, aber ist es möglich, es zu ändern, so zu arbeiten, dass der countdown noch läuft, wenn jemand navigiert Weg von der Seite, hat der timer und kehrt dann zurück, um es später?

    InformationsquelleAutor Bhavesh

  2. 0

    Schöne Lösung von bhavesh.. Wenn jemand will, um zu zeigen, die Tage,Stunden,Minuten, Sekunden zusammen, dann Sie can finden Sie diesen code.

    Reverse timer from javascript:

var target_date = new Date('Aug 01 2014 20:47:00').getTime();
    var days, hours, minutes, seconds;
    var countdown = document.getElementById('timeremaining');
    var countdownTimer = setInterval(function () {
        var current_date = new Date().getTime();
        var seconds_left = (target_date - current_date) / 1000;

        days = parseInt(seconds_left / 86400);
        seconds_left = seconds_left % 86400;

        hours = parseInt(seconds_left / 3600);
        seconds_left = seconds_left % 3600;
        minutes = parseInt(seconds_left / 60);
        seconds = parseInt(seconds_left % 60);

        if(days <= 0 && hours <= 0 && minutes <= 0 && seconds <= 0 )
        {
           document.getElementById('timeremaining').innerHTML = '';
           clearInterval(countdownTimer);              
        }
        else
        {       
            if(days>0)
              {
                 days= days+'d,';
              } 
              else
              {
                 days='';
              }            
            countdown.innerHTML ='( ' + days + checkTime(hours) + ':'+ checkTime(minutes) + ':' + checkTime(seconds) +' remaining)';    
        }
    }, 1000);

    function checkTime(i) {
        if (i < 10) {i = '0' + i};  
        return i;
    }
    Unten link ist tot 🙁 Sie haben noch das jsfiddle link irgendwo?

    InformationsquelleAutor Samuel Joy

Schreibe einen Kommentar