javascript 定时数组

Question

我错过了一些小事情..打印数组但不在行之间等待。

<script type="text/javascript">

function showLines()
{
arr =
[
  "Hi!",
  "Welcome!",
  "Hello!"
]

var duration=2000;

document.getElementById("quotes").innerHTML=arr;
setTimeout('showLines()',duration);

}
</script>

Answer 1

那是因为你只是打印出整个数组，试试这个。

    function showLines(_index) {
       var arr =["Hi!", "Welcome!", "Hello!"], html = '', i, index = _index || 0,
       newIndex;

       for (i = 0; i < index && i < arr.length; ++i) {
          html += arr[i] + "<br />";
       }
       document.getElementById("quotes").innerHTML=html;

       newIndex = index + 1;
       if (newIndex < arr.length) {
          setTimeout(function() {showLines(newIndex);}, 2000);
       }
    }

这应该可以解决问题。

如果您一次只想要一个，则替换

           for (i = 0; i < index && i < arr.length; ++i) {
              html += arr[i] + "<br />";
           }

与

document.getElementById("quotes").innerHTML=arr[index];