Refresh a DIV every 5 mins

[Admum]

Hello,
I have found many ways to do the timing with setInterval and some ways of refreshing the DIV with refreshDiv

What I am trying to do is have a Div refresh every 5 min. If changes are made to the Div, the page will show it. I can not do a full page reload because i have a media player on the page and if the payer is active, I do not want it to be effected.

Here is my code. Where the ? is, is where I am lost.

<script langauge="javascript">  
 
            window.setInterval("refreshDiv()", 5000);  
            function refreshDiv()
{  
                counter = counter + 1;  
                document.getElementById("streamTitle").innerHTML = ?       ;  
            }  
        </script>
<div id="streamTitle">Testing </div>

I know the HTML, Head< and Body tags are not there.

[Admum]

There was some items of the code that should not been included.
Here is what should have been there.

<script langauge="javascript">

window.setInterval("refreshDiv()", 300000);
function refreshDiv()
{
document.getElementById("streamTitle").innerHTML = ? ;
}
</script>
<div id="streamTitle">Testing </div>

[AussieJohn]

There was some items of the code that should not been included.
Here is what should have been there.

<script langauge="javascript">

window.setInterval("refreshDiv()", 300000);
function refreshDiv()
{
document.getElementById("streamTitle").innerHTML = ? ;
}
</script>
<div id="streamTitle">Testing </div>

Hi there.

Here is some amended code with notes:

<script> 
function refreshDiv() { //make sure braces are on the same line as the block statement, it's a good convention in JS
 
    document.getElementById("streamTitle").innerHTML = "Some <strong>HTML</strong> <em>string</em>" ; 
 
} 
 
window.setInterval(refreshDiv, 300000); //place reference to refreshDiv (not a string)
</script>
<div id="streamTitle">Testing </div>

Of course if you were increasing a counter you could put the value of that in the innerHTML string as well.

PS. "language" on your script tag is misspelled, it's fine though, most browsers will ignore it anyway

[Admum]

Thanks Aussie John.

I am thinking I may not be clear on what I want to do. There may be a different way.

I have a page that has a Livestream player on it. I put a caption above it stating what is being streamed.
many times we stream events one right after another.

I want to do the following, when an event is over I change the caption. I want it to be replaced without reloading the page.

Your code works, but it does not pull the changed text in the Div.

[AussieJohn]

I want to do the following, when an event is over I change the caption. I want it to be replaced without reloading the page.

I can't say I've used LiveStream before but I did a quick google and they do have an API that you might be able to hook into to figure out when the next event starts playing. That might make switching the caption at the right time easier.

If the code I posted doesn't work, there might be some other JavaScript errors on the page. It would be worth checking out the JavaScript console to check for errors (CTRL+SHIFT+J in Chrome on Windows).

Also where are you expecting to get the updated text from? (Is there some variable that's being set somewhere?)

[Admum]

I will have to look at what my options are with the API, but I am thinking we would have to stop the stream to change the text.

My hope is that the Div would reload from the web server. Any new text with in that Div would be displayed in place of the original code.

By the way, your code worked just as you had it written. After a time period, it changed the text.