Javascript:显示从数组更改文本

时间:2015-09-30 08:50:23

标签: javascript settimeout

我需要函数function1()来从数组中选择文本

var array1 = ['Bla','Blaa','Blabla','La',];
var result1 = array1[Math.floor(Math.random() * array1.length)];

多次

var array1 = ['Bla','Blaa','Blabla','La',];
var result1 = array1[Math.floor(Math.random() * array1.length)];
var result2 = array1[Math.floor(Math.random() * array1.length)];

然后显示result1

document.getElementById("paragraph").textContent = result1 ;

然后等待使用setTimeout等待1秒钟,然后显示第二个结果

document.getElementById("paragraph").textContent = result2 ;

有人可以将这些未完成的代码组合在一起,并使用setTimeout命令将其转换为工作函数。

2 个答案:

答案 0 :(得分:0)

你得到了所有这些并且不能做到最后一点?

document.getElementById("paragraph").textContent = result1 ;
setTimeout(function(){
    document.getElementById("paragraph").textContent = result2 ;
},1000);

docs for setTimeout

答案 1 :(得分:0)

您必须使生成的随机数与array长度一样大,然后使用它来获取result

每秒显示result,您可以使用setInterval函数,间隔为 1000 (1秒)。

试试这个:

var array = ['Bla','Blaa','Blabla','La'];

window.onload = function () {
  setInterval(function () {
    var index = parseInt(Math.random() * 10, 10) % array.length;
    var result = array[index];
    document.getElementById("paragraph").textContent = result;
  }, 1000);
};
<p id="paragraph"></p>