PHP show url and redirect to next in loop

Question

I have array [1, 2, 55, 76, ...]

where I generate urls

www.example.com/id/1
www.example.com/id/2
www.example.com/id/55
...

Question: How to show each url for few second (3s) and redirect to next url?

My idea: use of iframe / jQuery

I am open to ideas/code/suggestions.

is javascript an option? Use a timer. You could write a function and use .delay() to hold up the script before redirecting to the next location. — Tony M
– Tony M, Commented Mar 10, 2014 at 13:49
@TonyMancini sleep is used on the server side, he can't show the code before sleep then redirect — MaveRick
– MaveRick, Commented Mar 10, 2014 at 13:49
Yeah I realized afterwards... deleted the comment and asked about JS instead. — Tony M
– Tony M, Commented Mar 10, 2014 at 13:50
how many element are there in the array and can you send them all to js then process them in browser side or it has to be requested each time for the next url? — MaveRick
– MaveRick, Commented Mar 10, 2014 at 13:52

Reeno · Accepted Answer · 2014-03-10 14:06:06Z

1

Here's a JS solution. All URIs are written into an array by PHP, then a JS interval cycles through them:

var urls = ['www.example.com/id/1','www.example.com/id/2','www.example.com/id/55'];

var current = 0;
var interval = window.setInterval(function(){
    document.getElementById('container').innerHTML = urls[current];
    current += 1;
        if(!urls[current]) {
        window.clearInterval(interval);
    }
}, 1000);

On the PHP side the first line will look like this ($uris is an array with all URIs):

echo "var urls = ['".implode("','", $uris)."']";

Here's a JSFiddle example.

answered Mar 10, 2014 at 14:06

Reeno

5,71511 gold badges40 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Elias Van Ootegem Over a year ago

perhaps echo 'var urls = ', json_encode($urls); would be preferable, as would using a closure variable referencing the iframe be, and actually setting the iframe's src attribute to the new url

Elias Van Ootegem · Accepted Answer · 2014-03-10 14:24:29Z

a pretty easy JS implementation would be this:

var interval = (function(iframe)
{
    var idx = 0,//current idx
        urls = <?= json_encode($urlArray); ?>;//array of urls
    iframe.src = urls[idx++];//set first url
    return setInterval(function()
    {//callback function, will be executed every 3 seconds
        iframe.src = urls[idx++];
        if (idx >= urls.length)
        {//we've just reached set last url
            idx = 0;//this resets the loop, after 3 seconds, the first url is used again
            //alternatively
            clearInterval(interval);//end of the loop
        }
    }, 3000);//3000 miliseconds, or every 3 seconds
}(document.getElementById('yourIframeID')));//pass reference to your iframe here

This line:

<?= json_encode($urlArray) ?>

Is, of course a PHP statement, and has to run server-side, if you can't alter the JS from PHP, you can get the urls through an ajax call

Fiddle example

The fiddle loops through the urls twice, and then just terminates the interval, the iframe.src statements have been commented out, since the fiddle uses a div, but you get the basic idea

Collectives™ on Stack Overflow

PHP show url and redirect to next in loop

2 Answers 2

1 Comment

Fiddle example

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related