StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PORefresh page title every 10 seconds - Javascript
text
Body
copied!<p>I am currently trying to refresh my page title every 10 seconds to ensure that the song info changes here:</p> <p><img src="https://i.stack.imgur.com/Efx5r.png" alt="enter image description here"></p> <p>But after the song changes, I am left with the same page title:</p> <p><img src="https://i.stack.imgur.com/qTuJt.png" alt="enter image description here"></p> <p>My JavaScript setInterval function isn't working correctly.</p> <p>Here's my code (what should have worked):</p> <pre><code><script type="text/javascript"> function songToTitle() { document.title = "BDR | <?php echo $radio_info['now_playing']; ?>"; } songToTitle(); setInterval(songToTitle, 10000); </script> <title>BDR | Loading Song Title...</title> </code></pre> <p>I don't really know what's up here.</p> <p>It imports the song name correctly, but does not refresh.</p> <p>Can anyone help me with this?</p> <p><strong>EDIT:</strong></p> <p>I tried using this too:</p> <pre><code><script type="text/javascript"> function songTitle(){ var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.title.innerHTML = xmlhttp.responseText; } } xmlhttp.open("GET","http://www.x86cam.com/wp-content/plugins/songTitle.php",true); xmlhttp.send(); } songTitle(); setInterval(songTitle, 5000); </script> </code></pre> <p>It won't even load the title.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload