# Help with javascript?

**URL:** <https://forum.kirupa.com/t/help-with-javascript/257441>\
**Category:** Uncategorized\
**Created:** [April 14, 2008, 12:25pm UTC](https://forum.kirupa.com/t/help-with-javascript/257441 "2008-04-14T12:25:15Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Navarone](https://avatars.discourse-cdn.com/v4/letter/n/f9ae1b/32.png) [@Navarone](https://forum.kirupa.com/u/Navarone)\
**Post date:** [April 14, 2008, 12:25pm UTC](https://forum.kirupa.com/t/help-with-javascript/257441/1 "2008-04-14T12:25:15Z")

</div>

I have this code I found that uses a setInterval to rotate content. But I want to modify it to rotate the content when the web page is reloaded. Can someone help me with this?

```auto

<script type="text/javascript">
 
  var curcontentindex=0
  var messages=new Array()
 
  function getElementByClass(classname){
  var inc=0
  var alltags=document.all? document.all : document.getElementsByTagName("*")
  for (i=0; i<alltags.length; i++){
  if (alltags*.className==classname)
  messages[inc++]=alltags*
  }
  }
 
  function rotatecontent(){
  //get current message index (to show it):
  curcontentindex=(curcontentindex<messages.length-1)? curcontentindex+1 : 0
  //get previous message index (to hide it):
  prevcontentindex=(curcontentindex==0)? messages.length-1 : curcontentindex-1
  messages[prevcontentindex].style.display="none" //hide previous message
  messages[curcontentindex].style.display="block" //show current message
  }
 
 
 window.onload=function(){
   if (document.all || document.getElementById){
    getElementByClass("dyncontent")
    //need this to work on reload of web page
    setInterval("rotatecontent()", 2000)
   }
  }  
 
 
</script>
 
//my html code looks like this
 
<div class="employee_container">
      <div id="group1" class="dyncontent" style="display: block"></div>
      <div id="group2" class="dyncontent"></div>
      <div id="group3" class="dyncontent"></div>
</div>
 

```