Heim > Artikel > Web-Frontend > Javascript implementiert eine Hintergrundfarbe, die sich jederzeit ändert. Javascript-Kenntnisse

Javascript implementiert eine Hintergrundfarbe, die sich jederzeit ändert. Javascript-Kenntnisse

WBOYOriginal: 2016-05-16 16:06:051136Durchsuche

Ein sehr einfacher Code, der die Hintergrundfarbe ständig ändert

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    #dv {width: 100px;height: 100px;}
  </style>
</head>
<script>
  window.onload=function(){
    var oDv = document.getElementById('dv');
      oDv.style.backgroundColor='red'
    setInterval(function(){
      var arrRandNumber = [
          getRandomNumber(0,255),
          getRandomNumber(0,255),
          getRandomNumber(0,255)   
        ];
 
      oDv.style.backgroundColor='rgb('+arrRandNumber[0]+','+arrRandNumber[1]+','+arrRandNumber[2]+')'
         
        function getRandomNumber(rMin,rMax){
          var cha = rMax-rMin;
          var rand = Math.random();
          //return (rMin+Math.round(cha*rand))
        }
       
    },500)
     
    //alert(getRandomNumber(0,255))
  };
</script>
<body>
  <div id="dv"></div>
</body>
</html>

Das Obige ist der gesamte Inhalt, der in diesem Artikel mit Ihnen geteilt wird. Ich hoffe, dass er allen beim Erlernen der Verwendung von Javascript hilfreich sein wird.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Javascript implementiert den Fotowandcode zum Ziehen und Klicken von Fotos in die top_javascript-FähigkeitenNächster Artikel：Javascript implementiert den Fotowandcode zum Ziehen und Klicken von Fotos in die top_javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen