Question

我正在编写HTML页面和一些JavaScript。

情景是我有一个id = "textField"

的div

在这个div中我只想显示2个每2秒更改一次的文本。

继承人我的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

你可以重新分配div的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 2

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 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>

使用Javascript更改文本

3 个答案: