Texto Aleatorio con Tiempo | Enlace | Relleno | Borde

script.js

$(function() {
  var n = 0;
  setInterval(function() {
      n = Math.floor((Math.random() * 8));
      $("#B div").hide();
      $("#B").find('div:eq('+n+')').show();
  },4000);
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

style.css

.conteneur-flexbox {
	background-color: aqua;
  height: 100vh;
  width: 100%;
  display: flex;
}

#B div:not(:first-child) {
  display: none;
}

body {
	font-family: helvetica;
	font-size: 3em;
	margin: 0;
	color: blue;
	border: 2px solid powderblue;
  padding: 5px;
margin: 5px;
}

#B {
  margin: auto;
  text-align: center;
	
}

texto-aleatorio-con-tiempo-enlace-relleno-borde.html

<div class="conteneur-flexbox">

<div id="B">
	  <div><a href='https://recursosdiario.com/' style="text-decoration:none" target=new ><b>Inicio</b></a></div>
	<div><a href='https://recursosdiario.com/web' style="text-decoration:none" target=new ><b>Web</b></a></div>
  <div><a href='https://recursosdiario.com/blog' style="text-decoration:none" target=new ><b>Blog</b></a></div>
	<div><a href='https://recursosdiario.com/tienda' style="text-decoration:none" target=new ><b>Tienda</b></a></div>
  <div><a href='https://recursosdiario.com/paquete-web-seo' style="text-decoration:none" target=new ><b>SEO</b></a></div>
	<div><a href='https://recursosdiario.com/perfil-pp' style="text-decoration:none" target=new ><b>Perfil</b></a></div>
  <div><a href='https://recursosdiario.com/btc' style="text-decoration:none" target=new ><b>Bitcoin</b></a></div>
	<div><a href='https://recursosdiario.com/donar' style="text-decoration:none" target=new ><b>Donar</b></a></div>
</div>	
	</div>

texto-aleatorio-con-tiempo-enlace-relleno-borde.markdown

Texto Aleatorio con Tiempo | Enlace | Relleno | Borde

A Pen by Nolan Luna on CodePen.

License.