🔔

Conte um pouco como nosso site te ajudou em algum momento.



Como criar um background color randômico


Se você gosta de nossos conteúdos então não deixe de compartilhar com seus contatos, assim você nos ajuda a alcançar mais pessoas, você também pode realizar uma pesquena doação, assim você ajudará a desenvolver mais conteúdos e tutoriais de qualidade!



Confira nossas super ofertas:

Postado em: 23/10/2019 20:47:29
Publicidade

Falaaa pessoal, tudo bem??

Então nesse tutorial você vai aprender a criar um background-color de forma randômica.

Espero que gostem.

body{transition: background-color 4s; background-color: #fc0;}

window.onload = alterarBg();
function alterarBg(){
	var randomico = Math.floor((Math.random() * 5) + 1);
	var cores     = new Array("#fe223b", "#ff204d", "#ff1a7f", "#ff0000", "#00ff00", "#0000ff", "#fc0");	
	var alterar   = cores[randomico];
	$('body').css({'backgroundColor': alterar});
		setTimeout(function(){ 
			alterarBg();
		}, 5000);
}

 

copyright ©2012 - 2024 JM Jonathan Moreira - Todos os direitos reservados