Javascript는 언제든지 변경되는 배경색을 구현합니다_javascript 기술

WBOY

풀어 주다： 2016-05-16 16:06:05

원래의

1152명이 탐색했습니다.

항상 배경색을 바꾸는 아주 간단한 코드

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

로그인 후 복사

위 내용은 이 글에서 공유한 모든 내용입니다. 자바스크립트를 배우는 모든 분들께 도움이 되기를 바랍니다.

관련 라벨：

javascript 배경색

원천：php.cn

이전 기사：Javascript는 사진을 top_javascript 기술로 드래그하고 클릭하기 위한 포토월 코드를 구현합니다. 다음 기사：모방 인스턴스화 class_javascript 기술을 구현하는 Javascript 코드

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사