一个前台的js的定时器的问题

 <li class='choose'>aaaa</li>
<li class='choose'>bbbb</li>
<li class='choose'>cccc</li>

设置一个定时器 第一个30秒获取第一个为aaaa的值。
第二个30秒获取第二个为bbbb的值
第三个30秒获取第三个为cccc的值
以此循环

 ul>
    <li class='choose'>aaaa</li>
    <li class='choose'>bbbb</li>
    <li class='choose'>cccc</li>
</ul>
<script>
    var lis = document.getElementsByTagName('li'), index = 0, l = lis.length;
    var delay = 2000;//2s延时，你要30秒改为30000
    setInterval(function () {
        var s = lis[index].innerHTML; alert(s);
        index++; if (index >= l) index = 0;//重新开始
    }, delay);
</script>

JavaScript 计时事件
通过使用 JavaScript，我们有能力作到在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。

在 JavaScritp 中使用计时事件是很容易的，两个关键方法是:

setTimeout()
未来的某时执行代码
clearTimeout()
取消setTimeout()

实例

function timedMsg() { var t=setTimeout("alert('5 seconds!')",5000) }

 ul>
    <li class='choose'>aaaa</li>
    <li class='choose'>bbbb</li>
    <li class='choose'>cccc</li>
</ul>
<script>
    var lis = document.getElementsByClassName('choose'), index = 0,timer = null;
    timer = setInterval(function () {
        var s = lis[index].innerHTML; 
                console.log(s);
        index++; 
                if (index > 2){
                    clearInterval(timer);
                }
    }, 30000);
</script>