js 不同时间加载不同的LI数值,该如何解决

js 不同时间加载不同的LI数值

<ul id="ul1">

<li>a1</li>

<li>b2</li>

<li>c3</li>

<li>d4</li>

<li>e5</li>

<li>f6</li>

<li>g7</li>

<li>h8</li>

</ul> 

<script type="text/javascript">  

var ul1=document.getElementById('ul1'),lis=ul1.getElementsByTagName('li');

setInterval(function(){

lis=ul1.getElementsByTagName('li');

ul1.insertBefore(lis[lis.length-1],lis[0]);

},0.1*60*1000)//这里为了测试，改为6秒，你要10分钟将0.1改为10

 

</script>

上面是版主帮忙处理的，现在需求改变了下
需要每10分钟加载不同的数据
如1-10分钟是现在的默认序列加载
11-20分钟的加载默认序列为

<ul id="ul1">

<li>b2</li>

<li>c3</li>

<li>d4</li>

<li>e5</li>

<li>f6</li>

<li>g7</li>

<li>h8</li>

<li>a1</li>

</ul> 

21-30分钟加载序列为

<ul id="ul1">

<li>c3</li>

<li>d4</li>

<li>e5</li>

<li>f6</li>

<li>g7</li>

<li>h8</li>

<li>a1</li>

<li>b2</li>

</ul> 

依次类推，求论坛大大帮忙
------解决思路----------------------
定时jsonp即可.至于几时几分加载什么数据，让后端去判断就可以了
------解决思路----------------------
    var ul1 = document.getElementById('ul1'), lis = ul1.getElementsByTagName('li');
    setInterval(function () {
        lis = ul1.getElementsByTagName('li');
        ul1.appendChild(lis[0]);
    }, 0.1 * 60 * 1000)//这里为了测试，改为6秒，你要10分钟将0.1改为10


改红色那句就好了，只是一个最后变第一个，一个第一变最后而已
------解决思路----------------------

<ul id="ul1">

<li>a1</li>

<li>b2</li>

<li>c3</li>

<li>d4</li>

<li>e5</li>

<li>f6</li>

<li>g7</li>

<li>h8</li>

</ul>

<script type="text/javascript">

setInterval(function(){

	var ul1=document.getElementById('ul1');

	var lis=ul1.getElementsByTagName('li');

	ul1.appendChild(lis[0]);

},0.1*60*1000)//这里为了测试，改为6秒，你要10分钟将0.1改为10

</script>