Skip to content

Instantly share code, notes, and snippets.

@bytefade

bytefade/index.html

Forked from luanrm/index.html
Last active December 22, 2016 00:16
Show Gist options
  • Save bytefade/1fef965319465f34b568b0c6d69478ed to your computer and use it in GitHub Desktop.
Save bytefade/1fef965319465f34b568b0c6d69478ed to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
<p class="esg-click-to-play-video">Teste</p>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="random.js"></script>
</html>
Raw
random.js
var cores = [
"#F44336", "#E91E63", "#9C27B0", "#673AB7", "#3F51B5", "#2196F3", "#03A9F4", "#00BCD4", "#009688", "#4CAF50", "#8BC34A", "#CDDC39", "#FFEB3B", "#FFC107", "#FF9800", "#FF5722", "#795548", "#607D8B", "#FF8A65", "#FFB74D", "#FFD54F", "#AED581", "#81C784", "#4DB6AC", "#7986CB", "#9575CD", "#BA68C8", "#F06292", "#F48FB1", "#E57373",
];
$(".esg-click-to-play-video").each(function(index) {
var rand = cores[Math.floor(Math.random() * cores.length)];
$(this).css("color", rand);
});
@bytefade
Copy link
Author

Ainda você pode fazer assim:
$(".esg-click-to-play-video").each(function(index) { var colorR = Math.floor((Math.random() * 256)); var colorG = Math.floor((Math.random() * 256)); var colorB = Math.floor((Math.random() * 256)); $(this).css("color", "rgb(" + colorR + "," + colorG + "," + colorB + ")"); });

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment