Zufällige Farbe von Array auf der Website

Ziemlich neu zu code. Einige Probleme mit der Implementierung von Code, um die Hintergrundfarbe eines Teils meiner Website zu randomisieren, basierend auf einem Array zu ändern. diesen Code gefunden:Zufällige Farbe von Array auf der Website

$(document).ready(function(){ 
    var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];     
    var rand = Math.floor(Math.random()*colors.length);   
    $(‘#u97’, ‘#u379’).css("background-color", colors[rand]); 
});

Die "# U97, # u379" sind die divs, dass ich die Hintergrundfarbe ändern möchten. Ich füge den Code in der Kopfzeile mit einem "Skript" -Tag ein, aber nichts passiert. Es gibt auch eine Master-CSS-Datei, von der die divs die Farbe erhalten. Könnte das etwas stören?

Quelle

2016-09-11 Efren Martinez

Vor allem die Wähler sind in einem String ohne Komma. Zweitens, diese Zitate sehen furchtbar seltsam aus ... – Li357

Sind Sie mit jQuery in Ihrem Code? Weil dieser Code es benutzt ('$ (document) .ready'). Wenn nicht, können Sie es entweder einschließen oder nach einem reinen JavaScript-Code suchen. – yuriy636

Ich bin mir nicht einmal sicher, wieder neu dabei. –

versuchen Sie dies:

$(document).ready(function(){ 
    var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];     
    var rand = Math.floor(Math.random()*colors.length);   
    $('#u97').css("background-color", colors[rand]); 
    $('#u379').css("background-color", colors[rand]); 
});

Quelle

2016-09-11 21:49:30

Danke, aber es schien nicht zu funktionieren. Es sollte bei jedem Nachladen eine andere Farbe wählen, ist es aber nicht. –

Ich denke, dein Rand ist nicht mit etwas versetzt, das jedes Mal anders ist. Ihr Code würde wahrscheinlich jedes Mal, wenn Sie die Seite laden, die gleiche Sequenz wiederholen, es sei denn, Sie verwenden sie zum Beispiel mit einer Datetime. – nocturns2

Mein Fehler. Bitte lesen Sie diesen Beitrag: http://StackOverflow.com/Questions/521295/Javascript-Random-Seeds – nocturns2

$(document).ready(function(){ 
 
    var colors = ["#4ECDC4","#FF6B6B","#313638","#FFE66D"];     
 
    var rand = function() { 
 
    return Math.floor(Math.random()*colors.length);   
 
    }; 
 
    
 
    $("#u97, #u379").each(function() { 
 
    $(this).css("background-color", colors[rand()]); 
 
    }); 
 
});

div {height: 50px; width: 50px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="u97"></div><div id="u379"></div>

Quelle

2016-09-11 21:52:52 rafaelcastrocouto

Zufällige Farbe von Array auf der Website

Antwort

Verwandte Themen