masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > Javascript melaksanakan warna latar belakang yang berubah pada bila-bila masa_kemahiran javascript

Javascript melaksanakan warna latar belakang yang berubah pada bila-bila masa_kemahiran javascript

WBOY

Lepaskan： 2016-05-16 16:06:05

asal

1160 orang telah melayarinya

Sekeping kod yang sangat ringkas yang menukar warna latar belakang sepanjang masa

<!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>

Salin selepas log masuk

Di atas adalah semua kandungan yang dikongsi dengan anda dalam artikel ini saya harap ia akan membantu semua orang dalam belajar menggunakan javascript.

Label berkaitan：

javascript warna latar belakang

sumber：php.cn

Artikel sebelumnya：Javascript melaksanakan kod dinding foto untuk menyeret dan mengklik foto ke kemahiran top_javascript Artikel seterusnya：Kod Javascript untuk melaksanakan kemahiran instantiation class_javascript

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang