随机报价生成器问题

时间:2019-06-02 09:19:20

标签: javascript jquery html css

我目前正在尝试每隔几秒钟弹出一个小文本框,并从数组中选择随机文本。

虽然我能够使该框每隔几秒钟出现和消失一次,但文字没有改变。任何人都知道如何解决此问题吗?

谢谢!

$(document).ready(function() {
  for (i = 0; i <= 5; i++) {
    getText();
    fadeDiv();
  }

});

function fadeDiv() {
  $("#speechBubble").hide().delay(5000).fadeIn(400).delay(8000).fadeOut(300).delay(8000);
};

var textSpeech = [
  'Howdy',
  'Sup bro',
  'My Man',
  'Who this?'
];

function getText() {
  var random = Math.floor(Math.random() * (textSpeech.length));
  document.getElementById('speechBubble').innerHTML = textSpeech[random];
};
</script>

0 个答案:

没有答案