Saltar al contenido

javascript cada vez ejemplo de código de fondo de color aleatorio

Ejemplo 1: generador de color aleatorio css, javascript, html

//Javascript
function randomColor(){
    var color = "#";
    var randomHex = "123456ABCDEF";  
    for(var i = 0; i<6;i++){
        color+= randomHex[Math.floor(Math.random()*16)]
    }
   
    return color;
}

var mytimer ;

function setColor(){
    
    $("body").css("background-color", randomColor);
}

var mytimer = setInterval(setColor, .8000);
// html
!DOCTYPE html>
<html>
	<head>
		<title>Page Title</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

	</head>
	<body>
	       
	   //include javascript file.  
	</body>
</html>

Ejemplo 2: javascript de color rgba aleatorio excepto negro

function random_bg_color() {
    var x = Math.floor(Math.random() * 256);
    var y = 100+ Math.floor(Math.random() * 256);
    var z = 50+ Math.floor(Math.random() * 256);
    var bgColor = "rgb(" + x + "," + y + "," + z + ")";
 	console.log(bgColor);
  
    document.body.style.background = bgColor;
    }

random_bg_color();
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *