JS and HTML - Quota Publishing

Question

I created a javascript code where shows me several Andom texts, but these only change with the refresh of the page.

And I wanted them to change every five seconds without doing refresh.

Javascript:

(function() {
  var quotes = [
    {
      text: " HEY ITS ME",
    },                    
    {
      text: " HEY YOU TO",
    }          

  ];
  var quote = quotes[Math.floor(Math.random() * quotes.length)];
  document.getElementById("quote").innerHTML =
    '<i class="fas fa-graduation-cap"></i> ' + quote.text + '';
})();

Answer 1

What you need is interval. This tutorial will help you: https://www.w3schools.com/jsref/met_win_setinterval.asp

It’ll look something like this:

setInterval(function(){
  // sua função
}, 3000); // a cada 3 segundos`

Answer 2

var div = document.getElementById("quote");
var quotes = [
  {
   text: " HEY ITS ME",
  },                    
  {
   text: " HEY YOU TO",
  }          
];

function random() {
   var quote = quotes[Math.floor(Math.random() * quotes.length)];
   div.innerHTML = '<i class="fas fa-graduation-cap"></i> ' + quote.text +'';
}

setInterval(random, 5000);

<div id="quote"></div>