How to make page title, auto refresh every x seconds (using javascript/jquery/others)

[basketmen]

I have a php file lets say file1.php, that printing a variable, its dynamic numbers output that already always increasing, like private message numbers that coming or others :

PHP Code:

<?php
echo $variable
?>

i want to put that variable output, in another files page title, lets say file2.php or file3.html,
in the front of the another files page titles, and auto refresh every x seconds, maybe like this :

(1) - another text in the page title

after x seconds, get a private message

(2) - another text in the page title

after another x seconds, get another private message

(3) - another text in the page title

or its ok if just like this, only the variable, without the another text in the page title

(1)

please share your knowledge to make it, maybe using javascript, jquery or others

[JohnnyS]

you can try this..

var page_titles = [{text:"Title 1",time:5},{text:"Title 2",time:10},{text:"Title 3",time:15}];
var page_index = 0;

function update_title()
{
   //get timeout need before title be replaced
   var timeout = page_titles[page_index]['time'] * 1000; // in milliseconds
   //get title to replace current title
   var title = page_titles[page_index]['title'];

   setTimeout(function(){
     // set title
     document.title = title;

     // increase index
     page_index++;
   
     // check index if greater or equal page_titles item count then set to zero (start again)
     if(page_index >= page_titles.length)
       page_index=0;

     // recursive function call
     update_title();
   },timeout);
}