Karte Umleiten.. CountDown Timer PHP

Habe ich diesen code so weit, dass leitet den Benutzer nach 5 Sekunden auf die richtige URL:

<?php $url = $_GET['url']; header("refresh:5;url=$url"); include('ads.php'); ?>

Bitte könnten Sie mir sagen, wie könnte ich die Anzeige einen countdown-timer, sagt Umleiten.. mit .. wird die Anzahl der Sekunden Links. Ich bin neu in web-Entwicklung so alle code hilfreich sein wird!

Sie müssen JavaScript für diese.
Um Sie wissen zu lassen, PHP ist eine serverseitige Sprache. Es ist niemand auf der server-Seite, zeigen Sie Ihre timer.

InformationsquelleAutor max_ | 2011-01-01

<script type="text/javascript">

(function () {
    var timeLeft = 5,
        cinterval;

    var timeDec = function (){
        timeLeft--;
        document.getElementById('countdown').innerHTML = timeLeft;
        if(timeLeft === 0){
            clearInterval(cinterval);
        }
    };

    cinterval = setInterval(timeDec, 1000);
})();

</script>

Redirecting in <span id="countdown">5</span>.

Können Sie versuchen, diese.

Danke, gibt es eine Möglichkeit, jetzt stoppen Sie den timer, wenn er 0 erreicht?
Ich habe gerade bearbeitet. Ich denke, die änderungen, die ich beachten sollte.
dies funktioniert auch mit codeigniter als gut
Dies ist nicht mit dem Countdown auf meiner Seite. Braucht es JQuery?

InformationsquelleAutor Kyle

Als dies ist ein häufiger Anfänger-Frage; ich wollte nur hervorheben, dass für eine best-Practice - setInterval sollte, und kann in der Regel vermieden werden, indem setTimeout rekursiv in einer Funktion.

Beispiel:

var timer = 5,
    el = document.getElementById('countdown');

(function t_minus() {
    'use strict';
    el.innerHTML = timer--;
    if (timer >= 0) {
        setTimeout(function () {
            t_minus();
        }, 1000);
    } else {
        //do stuff, countdown has finished.
    }
}());

InformationsquelleAutor adm

Exzellenten code von Kyle. Ich habe geändert den timer mit pause und resume-Taste.

<HTML>
<HEAD>
    <SCRIPT LANGUAGE="JavaScript">

    var time_left = 50;
    var cinterval;
    var timestatus=1;

    function time_dec(){
        time_left--;
        document.getElementById('countdown').innerHTML = time_left;
        if(time_left == 0){
            clearInterval(cinterval);
        }
    }

    function resumetime()
    {
        //time_left = 50;
        clearInterval(cinterval);
        cinterval = setInterval('time_dec()', 1000);
    }

    function defaultstart()
    {
        time_left = 50;
        clearInterval(cinterval);
        cinterval = setInterval('time_dec()', 1000);
    }

    function stopstarttime()
    {
        if(timestatus==1)
    {
        clearInterval(cinterval);
        document.getElementById('stopbutton').value="Start";
        timestatus=0;
    }
        else
    {
        clearInterval(cinterval);
        cinterval = setInterval('time_dec()', 1000);
        document.getElementById('stopbutton').value="Stop";
        timestatus=1;
    }
    }

    defaultstart();

    </SCRIPT>
</HEAD>

<body>
    Redirecting In <span id="countdown">50</span>.
    <INPUT TYPE="button" value="stop" id="stopbutton" onclick="stopstarttime()">
</body>
</HTML>

Außer die Seite wird immer noch Umleitung in 5 Sekunden, unabhängig davon, was deine Uhr sagt.

InformationsquelleAutor Devjyoti Bagchi

Hier ist mein nehmen auf Sie, ohne Variablen außerhalb der Funktion. Hängt davon ab, jQuery.

function count_down_to_action(seconds, do_action, elem_selector)
{
    seconds = typeof seconds !== 'undefined' ? seconds : 10;
    $(elem_selector).text(seconds)
    var interval_id = setInterval(function(){
        if (seconds <= 0)
        {
            clearInterval(interval_id);
            if (typeof do_action === 'function') 
                do_action();
        }
        else
            $(elem_selector).text(--seconds);
    },1000)
}