JSFiddle - React, Tailwind, and code Playground

https://www.michelandreas.ch/jquery.easing.1.3.js

by basti1012

HTML

<script src="https://www.michelandreas.ch/jquery.easing.1.3.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<div id="gradient" /><br><br><br>
Gestallte dein Hintergrund selber.<br>
Farben<select id="farbe1" name="farbe1" >
<option value="10">Hardcore disco</option>
<option value="100">Disco</option>
<option value="1000">Samba</option>
<option value="10000">langsam</option>
<option value="9999999999">Aus</option>
<option value="red">rot</option>
<option value="green">grĂĽn</option>
<option value="blue">Blau</option>
<option value="black">SCHWARZ</option>
</select>

CSS

body{
	 background-color: #000000;
   padding: 0px;
   margin: 0px;
 }

#gradient
{
  width: 100%;
  height: 800px;
  padding: 0px;
  margin: 0px;
}

JavaScript

$("#farbe1").change(function(){
// try{
 p1 =$("#farbe1").val()
 los(p1)
 clearTimeout(aus);
 los(p1)
//}catch(e){}


 });
 
 
 function los(p1){
min=0;max=255;
 
var r1 = Math.floor(Math.random() * (max - min + 1)) + min;
var g1 = Math.floor(Math.random() * (max - min + 1)) + min;
var b1 = Math.floor(Math.random() * (max - min + 1)) + min;
var color1 = "rgb("+r1+","+g1+","+b1+")";

var r2 = Math.floor(Math.random() * (max - min + 1)) + min;
var g2 = Math.floor(Math.random() * (max - min + 1)) + min;
var b2 = Math.floor(Math.random() * (max - min + 1)) + min;
var color2 = "rgb("+r2+","+g2+","+b2+")";
 
 $('#gradient').css({
   background: "-webkit-gradient(linear, left top, right top, from("+color1+"), to("+color2+"))"})
    var aus=setTimeout(los,p1);
 }