Javascript 为什么只显示arr[0]_Javascript_Setinterval

Javascript 为什么只显示arr[0]

javascript

Javascript 为什么只显示arr[0],javascript,setinterval,Javascript,Setinterval,为什么只显示数组的第一个元素代码： <html> <head> <meta charset="utf-8"> <style> #news { height: 30px; background-color:rgba(0, 0, 255, 0.37); direction: rtl; line-height: 30px; } </style> <p id=

为什么只显示数组的第一个元素

代码：

<html>
<head>
   <meta charset="utf-8">
   <style>
       #news {
    height: 30px;
    background-color:rgba(0, 0, 255, 0.37);
    direction: rtl;
    line-height: 30px;

}
    </style>
     <p id="x"></p>
     <p id="y"></p>
     <p id="z"></p>
     <p id="w"></p>
</head>
    <body>
        <div id="news">اخبار :<span id ="ne"></span></div>
        <script>
            var spn = document.getElementById("ne");
            var str = "";
            var arr = ["بهترین ها در سایت ما","آموزش جاوا اسکریپت","مرجع کامل سی اس اس","اولین دوره شبکه"];
            var len = arr.length;
            var i =0,j=0,tim;
            lop();
            function lop() {
                if(arr[i]){
                     var myss = arr[i].split(""); 
                     tim = setInterval(function(){shw(myss)},100);
                }
            }
            function shw(st) {
                if(st[j] != undefined) {
                    str += st[j];
                    spn.innerHTML = str;
                    j+=1;
                }
                else {
                    clearInterval(tim);
                    i++;
                    lop();
                }        
            }
        </script>
    </body>
</html>


#新闻{
高度：30px；
背景色：rgba（0,0,255,0.37）；
方向：rtl；
线高：30px；
}




اخبار :
var spn=document.getElementById（“ne”）；
var str=“”；
在各邦邦方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方لیندوهشبکه”]；
var len=阵列长度；
var i=0，j=0，tim；
lop（）；
函数lop（）{
if（arr[i]）{
var myss=arr[i]。拆分（“”）；
tim=setInterval（函数（）{shw（myss）}，100）；
}
}
功能shw（st）{
如果（st[j]！=未定义）{
str+=st[j]；
spn.innerHTML=str；
j+=1；
}
否则{
间隔时间；
i++；
lop（）；
}        
}

似乎您没有将

重置回

<html>
  <head>
    <meta charset="utf-8">
    <style>
      #news {
        height: 30px;
        background-color:rgba(0, 0, 255, 0.37);
        direction: rtl;
        line-height: 30px;

      }
    </style>
    <p id="x"></p>
    <p id="y"></p>
    <p id="z"></p>
    <p id="w"></p>
  </head>
  <body>
    <div id="news">اخبار :<span id ="ne"></span></div>
    <script>
      var spn = document.getElementById("ne");
      var str = "";
      var arr = ["بهترین ها در سایت ما","آموزش جاوا اسکریپت","مرجع کامل سی اس اس","اولین دوره شبکه"];
      var len = arr.length;
      var i =0,j=0,tim;
      lop(i);
      function lop(index) {
        if(arr[index]){
          var myss = arr[index].split(""); 
          tim = setInterval(function(){shw(myss)},100);
        }
      }
      function shw(st) {
        if(st[j] != undefined) {
          str += st[j];
          spn.innerHTML = str;
          j+=1;
        }
        else {
          clearInterval(tim);
          i++;
          j=0;
          lop(i);
        }        
      }
    </script>
  </body>
</html>


#新闻{
高度：30px；
背景色：rgba（0,0,255,0.37）；
方向：rtl；
线高：30px；
}




اخبار :
var spn=document.getElementById（“ne”）；
var str=“”；
在各邦邦方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方لیندوهشبکه”]；
var len=阵列长度；
var i=0，j=0，tim；
lop（i）；
功能lop（指数）{
if（arr[索引]）{
var myss=arr[index]。拆分（“”）；
tim=setInterval（函数（）{shw（myss）}，100）；
}
}
功能shw（st）{
如果（st[j]！=未定义）{
str+=st[j]；
spn.innerHTML=str；
j+=1；
}
否则{
间隔时间；
i++；
j=0；
lop（i）；
}        
}

这是一个

似乎您没有将

重置回

<html>
  <head>
    <meta charset="utf-8">
    <style>
      #news {
        height: 30px;
        background-color:rgba(0, 0, 255, 0.37);
        direction: rtl;
        line-height: 30px;

      }
    </style>
    <p id="x"></p>
    <p id="y"></p>
    <p id="z"></p>
    <p id="w"></p>
  </head>
  <body>
    <div id="news">اخبار :<span id ="ne"></span></div>
    <script>
      var spn = document.getElementById("ne");
      var str = "";
      var arr = ["بهترین ها در سایت ما","آموزش جاوا اسکریپت","مرجع کامل سی اس اس","اولین دوره شبکه"];
      var len = arr.length;
      var i =0,j=0,tim;
      lop(i);
      function lop(index) {
        if(arr[index]){
          var myss = arr[index].split(""); 
          tim = setInterval(function(){shw(myss)},100);
        }
      }
      function shw(st) {
        if(st[j] != undefined) {
          str += st[j];
          spn.innerHTML = str;
          j+=1;
        }
        else {
          clearInterval(tim);
          i++;
          j=0;
          lop(i);
        }        
      }
    </script>
  </body>
</html>


#新闻{
高度：30px；
背景色：rgba（0,0,255,0.37）；
方向：rtl；
线高：30px；
}




اخبار :
var spn=document.getElementById（“ne”）；
var str=“”；
在各邦邦方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方لیندوهشبکه”]；
var len=阵列长度；
var i=0，j=0，tim；
lop（i）；
功能lop（指数）{
if（arr[索引]）{
var myss=arr[index]。拆分（“”）；
tim=setInterval（函数（）{shw（myss）}，100）；
}
}
功能shw（st）{
如果（st[j]！=未定义）{
str+=st[j]；
spn.innerHTML=str；
j+=1；
}
否则{
间隔时间；
i++；
j=0；
lop（i）；
}        
}

以下是我想出的解决方案：

var-spn；
var str=“”；
在各邦邦方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方لیندوهشبکه”]；
var len=阵列长度；
var i=0，tim；
window.onload=函数（）{
spn=document.getElementById（“ne”）；
lop（）；
}
函数lop（）{
arr=arr.join（“”）.split（“”）；
如果（arr.length>0）{
tim=setInterval（函数（）{shw（arr）}，100）；
}
}
功能shw（st）{
if（st[i]！=未定义）{
str+=st[i]；
spn.innerHTML=str；
i+=1；
}
否则{
间隔时间；
}
}

#新闻{
高度：30px；
背景色：rgba（0,0,255,0.37）；
方向：rtl；
线高：30px；
}

我想出了一个解决方案：

var-spn；
var str=“”；
在各邦邦方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方方لیندوهشبکه”]；
var len=阵列长度；
var i=0，tim；
window.onload=函数（）{
spn=document.getElementById（“ne”）；
lop（）；
}
函数lop（）{
arr=arr.join（“”）.split（“”）；
如果（arr.length>0）{
tim=setInterval（函数（）{shw（arr）}，100）；
}
}
功能shw（st）{
if（st[i]！=未定义）{
str+=st[i]；
spn.innerHTML=str；
i+=1；
}
否则{
间隔时间；
}
}
#新闻{
高度：30px；
背景色：rgba（0,0,255,0.37）；
方向：rtl；
线高：30px；
}
当你移动到数组中的下一个项目时，你忘记将j
重置回0
。哦，是的，坦克你眯着眼睛。当你移动到数组中的下一个项目时，你忘记将j
重置回0
。哦，是的，坦克你眯着眼睛。