자바 스크립트 : 배열을 사용하여 HTML 텍스트 변경

Question

안녕하세요, 순간에 나는 자동으로 배열에 저장된 여러 이미지를 통해 내 이미지 루프를 만드는 몇 가지 자바가 있지만 어떻게 H2 텍스트 개체에 텍스트와 같은 일을 할 수 있습니까?

<SCRIPT LANGUAGE = "Javascript"> 
    var p1 = new Image(); 
    var p2 = new Image(); 
    var p3 = new Image(); 
    var p4 = new Image(); 

    p1.src="images/223.png"; 
    p2.src="images/335.png"; 
    p3.src="images/225.png"; 
    p4.src="images/226.png"; 

    var imgArray = new Array (p1, p2, p3, p4); 

    var counter = 0; 
    var loop = 1; 
    setTimeout(scroll_forwards, 2000); 

    var end = imgArray.length - 1; 

    function scroll_forwards() { 
     if (counter == end){ 
      counter = 0;  
     } 
     else { 
      counter++; 
     } 
     document.pic1.src = imgArray[counter].src; 
     setTimeout(scroll_forwards, 2000); 
    } 
</SCRIPT> 

Answer 1

이미지 루프에서 사용한 것과 똑같은 작업 만하면됩니다. 내가 코드 업데이트 : 나는 지난 밤을 시도했지만 난 그냥 다시 한 텍스트의 자바 스크립트를하고 지금은 작업 할 때

<script> // don't use the language attribute 

    var imgArray = ["images/223.png","images/335.png","images/225.png","images/226.png"]; 
    var textArray= ["text1","text2","text3","text4"]; 
    var counter = 0; 
    var h2Tag = document.getElementById("h2TagId"); // change this 
    var imgTag = document.pic1; 
    var end = imgArray.length - 1; 

    function scroll_forwards() { 
     if (counter == end){ 
      counter = 0;  
     } 
     else { 
      counter++; 
     } 
     imgTag.src = imgArray[counter]; 
     h2Tag.innerHTML = textArray[counter]; 
     setTimeout(scroll_forwards, 2000); 
    } 
    setTimeout(scroll_forwards, 2000); 
</script> 

Answer 2

나는 그것이 작동하지 않는 이유를 모르겠어요 .... 감사합니다 어쨌든 그리고 여기에 누구나 알고있는 코드가 있습니다.

<h2 id="imgh2">Change this</h2> 



<SCRIPT LANGUAGE = "Javascript"> 
    var p1 = new Image(); 
    var p2 = new Image(); 
    var p3 = new Image(); 
    var p4 = new Image(); 

    var t1; 
    var t2; 
    var t3; 
    var t4; 

    p1.src="images/1232.png"; 
    p2.src="images/12312.png"; 
    p3.src="images/1241t.png"; 
    p4.src="images/12455.png"; 

    t1 = "Test 1"; 
    t2 = "Test 2"; 
    t3 = "Test 3"; 
    t4 = "Test 4"; 

    var imgArray = new Array (p1, p2, p3, p4); 
    var textArray = new Array (t1, t2, t3, t4); 

    var counter = 0; 
    var loop = 1; 
    setTimeout(scroll_forwards, 2000); 

    var end = imgArray.length - 1; 

    function scroll_forwards() { 
     if (counter == end){ 
      counter = 0;  
     } 
     else { 
      counter++; 
     } 
     document.pic1.src = imgArray[counter].src; 
     document.getElementById("imgh2").innerHTML = textArray[counter]; 
     setTimeout(scroll_forwards, 2000); 
    } 
</SCRIPT>