延时显示的问题

<script>
var times = 0;
var str = new Array;;str[0] = "AAA";
str[1] = "BBB";
str[2] = "CCC";
function _call(){
/*if (times > str.length - 1){
return;
}*/
if (times > str.length - 1){
times = 0;
}
document.getElementById('main').innerHTML = str[times];
times++;
setTimeout("_call()",1000)
}
</script>
<body onload="_call();">
<div id="main"></div>
</body>注释掉的是不循环的，现在的是循环显示的~``一分钟等XX毫秒……

解决方案 »

  1.   

    这里 times > str.length - 1
    改成
    times == str.length
    汗~``
      

  2.   

    楼上的逻辑不太严谨，俺也发一个，LZ 自选L@_@K
     <body>
      <div id="divOutput"></div>
      <script type="text/javascript">
      <!--
    var arrNews = Array();
    arrNews[0] = "早上好！"
    arrNews[1] = "中午好！"
    arrNews[2] = "晚上好！"
    arrNews[3] = "午夜好！"
    arrNews[4] = "凌晨好！"var oOutput = document.getElementById("divOutput");
    var numNewIndex = 0;
    oOutput.innerHTML = arrNews[numNewIndex];// 时间间隔，单位：毫秒，1s = 1000ms
    // 1m = 60s = 60000ms
    var numInterval = 1000;
    // 是否循环。
    var booIsCycle = true;var numTimerId = window.setInterval(showMessage, numInterval);function showMessage()
    {
        numNewIndex++;
        oOutput.innerHTML = arrNews[numNewIndex];
        if (numNewIndex == arrNews.length-1)
        {
            if (booIsCycle)
            {
                numNewIndex = -1;
            }
            else
            {
                window.clearInterval(numTimerId);
            }        
        }
    }
      //-->
      </script>
     </body>
      

  3.   

    试试过时的技术，呵呵
    html+times<HTML>
    <HEAD>
    <STYLE>
    .time {behavior: url(#default#time2);}
    </STYLE>
    </HEAD>
    <BODY BGCOLOR="white">
    <SPAN ID="parent1" CLASS=time BEGIN="0" DUR="6" REPEATCOUNT="4" TIMELINE="par"
    TIMEACTION="display" onrepeat="alert('Current iteration: ' +
    parent1.currTimeState.repeatCount);">
    <SPAN CLASS=time BEGIN="0" DUR="2">This text will be
    displayed for two seconds.</SPAN><BR>
    <SPAN CLASS=time BEGIN="3" DUR="4">This text will be
    displayed for four seconds.</SPAN>
    </SPAN>
    <SPAN CLASS="time" BEGIN="parent1.end">The End.</SPAN>
    </BODY>
    </HTML>
      

  4.   

    ttyp(@http://www.cnblogs.com/ttyp/) cool
      

  5.   

    behavior为IE5+专有属性，不兼容其他浏览器，不建议使用。
      

  6.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script language="javascript">
    function bdyLoad(){
    var o = { 1:"AAAA", 2:"BBBB",3:"CCCC",4:"DDDD",5:"EEEE"};
    var chgValue = function(param){document.getElementById("btn").value = param; }
    for(var p in o)
    window.setTimeout( 'document.getElementById("btn").value = "' + o[p] +'"', p*1000 );
    }
    </script>
    </head><body onload="bdyLoad()">
    <input type="button" id="btn" value="string is showed here." />
    </body>
    </html>
      

  7.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
    <head>
    <Script language="javascript"><!--
    function fncClick(strBtnValue){
    var intI=0;
    var objBtn= document.form1.btn;
    if (strBtnValue=="ZZZZ"){
    objBtn.value="AAAA";
    return;
    }else{
    objBtn.value="";
    }
    for (intI=0;intI<strBtnValue.length;intI++){
    objBtn.value=objBtn.value + (String.fromCharCode(strBtnValue.charCodeAt(intI)+1));
    }
    }
    //-->
    </Script> <title>Untitled</title>
    </head><body>
    <form name="form1">
    <input type="button" name="btn" value="AAAA" onclick="javacript:fncClick(this.value)">
    </form>
    </body>
    </html>