자바 스크립트를 사용하여 텍스트 변경

Question

HTML 페이지와 일부 JavaScript를 작성하고 있습니다.

시나리오는 난 그냥 매 2 초 변경이 텍스트를 표시하려면이 사업부 내부 id = "textField"

와 사업부가 있습니다.

을 heres 내 JS 코드 :

var textArray = [text, text2]; 

var textIndex= 0; 

var para = document.createElement("p"); 

var text = document.createTextNode("Floating Text"); 

var text2 = document.createTextNode("Another Text"); 


var textField = document.getElementById("textField"); 


function changeText(){ 

textField.setAttribute("p", textArray[textIndex]); 

para.appendChild(textArray[textIndex]); 

textField.appendChild(para); 

textIndex++; 

if(textIndex >= textArray.length){ 

textIndex = 0; 
} 

} 

setInterval(changeText, 2000); 

Answer 1

var textArray = ["Floating Text", "Another Text"]; 
var textIndex= 0; 

var textField = document.getElementById("textField"); 

function changeText() 
{ 
    textField.innerHTML =textArray[textIndex]; 
    textIndex++; 

    if(textIndex >= textArray.length) textIndex = 0;   
} 

setInterval(changeText, 2000); 

Answer 2

당신은 사업부의 innerHTML을 재 할당 할 수 있습니다.

과 같이 수동으로 문구 만들기 :이 메시지 만 표시하는 경우

var str1 = "<p>Text 1</p>"; 
var str2 = "<p>Text 2</p>"; 
var textField = document.getElementById('id'); 

function changeText(str1, str2){ 
    textField.innerHTML = str1 + "<br />\n" + str2; 
} 

당신은 그것을 개봉하고 어떻게 생겼는지에 대한 동적 요소를 추가하고 제거 할 필요가 없습니다, 당신은 단지 innerHTML을 변경해야합니다 .

Answer 3

<script type=text/javascript> 

function changeText(textA, textB){ 
    var textAModificar= document.getElementById('textField'); 
    textAmodificar.value = textA + textB; 
} 

var myVar = setInterval(changeText(Chuck, Norris),2000) 

To finalize interval -->clearInterval(myVar); 
</script>