JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr>
      <td><p id="num"></p></td>
    </tr>
  </tbody>
</table>

JavaScript

var randNum = Math.floor(Math.random() * (15 - 1)) + 1;
var table = $('tbody');
var link = $('<tr><td><a href="#">email</a></td></tr>')
var link2 = $('<tr><td><a href="#">phone</a></td></tr>')
var breaK = $('<br>');
$('#num').text(randNum);

if (randNum >= 5 && randNum < 10) {
  table.append(link);
  table.append(breaK);
  table.append(link2);
} else if (randNum >= 10) {
  table.append(link);
}

setTimeout(function(){
	location.reload();
}, 30000000);

// Everything above is to simulate link changes on a page I'm watching

// All below is to monitor new links and words they contain

var workLinks = $("td > a").length,
		newLink = false,
    i = -1;

function reloadPage() {
  setTimeout(function() {
    location.reload();
  }, 10000);
}

console.log(workLinks);

if (workLinks === 0) {
  
  reloadPage();
  
} else if (workLinks > 0) {
  
  while (newLink === false && i < links) {
    
    i++;
    var links = $("td > a").eq(i).text();
    
    if (links.indexOf('phone') < -1) {
      alert('New link');
      newLink = true;
      break;
    } else {
      reloadPage();
    }
  }  
}