Show Redirecting In .. CountDown Timer PHP

max*_*ax_ 4 javascript php redirect timer countdown

到目前为止,我有这个代码,在5秒后将用户重定向到正确的URL:

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

请问你能告诉我怎样才能显示一个倒数计时器,说明重定向... ...是剩下的秒数.我是网络开发的新手,所以所有代码都会有所帮助!

Kyl*_*yle 17

<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>.
Run Code Online (Sandbox Code Playgroud)

你可以试试这个.


adm*_*adm 5

因为这是一个常见的初学者问题; 我只是想强调,对于最佳实践setInterval应,并且可以通常可以通过避免使用setTimeout递归函数内.

例如:

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.
    }
}());
Run Code Online (Sandbox Code Playgroud)