快捷導(dǎo)航

javascript實(shí)現(xiàn)隨時(shí)變化著的背景顏色

更新時(shí)間：2015年04月02日 11:24:07 投稿：hebedich

這篇文章主要介紹了javascript實(shí)現(xiàn)隨時(shí)變化著的背景顏色的方法，非常的簡單實(shí)用，有需要的小伙伴可以直接拿走。

很簡單的一段背景顏色時(shí)刻發(fā)生變化的代碼

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

以上所述就是本文給大家分享的全部內(nèi)容了，希望能夠?qū)Υ蠹覍W(xué)習(xí)使用javascript有所幫助。

您可能感興趣的文章:

相關(guān)文章

讓微信小程序支持ES6中Promise特性的方法詳解
微信更新自家的Web開發(fā)工具后無法使用原生 Promise，下面這篇教程教你引入第三方庫來使用 Promise，文中通過圖文介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。
2017-06-06
javascript 兼容FF的onmouseenter和onmouseleave的代碼
經(jīng)過測試發(fā)現(xiàn)，例子1 在 ff下抖動(dòng)的厲害，ie下稍微有點(diǎn)。具體原因其實(shí)就是 mouseout 的冒泡機(jī)制引起的。
2008-07-07
使用JavaScript實(shí)現(xiàn)隨機(jī)曲線之間進(jìn)行平滑切換
今天,我運(yùn)用拉格朗日插值法繪制了一條曲線,然而,我并未止步于靜態(tài)展示,而是引入了一個(gè)定時(shí)器,每隔一段時(shí)間便對曲線上的點(diǎn)進(jìn)行動(dòng)態(tài)更新,從而賦予曲線生命般的動(dòng)態(tài)變化,本文介紹了使用JavaScript實(shí)現(xiàn)隨機(jī)曲線之間進(jìn)行平滑切換,感興趣的朋友可以參考下
2024-11-11
JS實(shí)現(xiàn)自定義簡單網(wǎng)頁軟鍵盤效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)自定義簡單網(wǎng)頁軟鍵盤效果代碼,可實(shí)現(xiàn)簡單模擬鍵盤布局及響應(yīng)鼠標(biāo)點(diǎn)擊按下鍵盤按鍵功能,簡單實(shí)用,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-11-11
js 遍歷對象的屬性的代碼
js 遍歷對象的屬性的代碼，遍歷出對象的屬性可以用for in語句使用方法
2011-12-12
js重寫alert控件(適合學(xué)習(xí)js的新手朋友)
這篇文章主要介紹js重寫alert控件的過程比較適合學(xué)習(xí)js的新手朋友,需要的朋友可以參考下
2014-08-08
uniapp發(fā)送formdata表單請求2種方法(全網(wǎng)最簡單方法)
這篇文章主要給大家介紹了關(guān)于uniapp發(fā)送formdata表單請求2種方法的相關(guān)資料,本文介紹的方法應(yīng)該是全網(wǎng)最簡單方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-09-09
使用pcs api往免費(fèi)的百度網(wǎng)盤上傳下載文件的方法
百度個(gè)人云盤空間大，完全免費(fèi)，而且提供了pcs api供調(diào)用操作文件，在平時(shí)的項(xiàng)目里往里面保存一些文件是很實(shí)用的。通過本文給大家介紹使用pcs api往免費(fèi)的百度網(wǎng)盤上傳下載文件的方法，感興趣的朋友一起學(xué)習(xí)吧
2016-03-03
raphael.js繪制中國地圖地圖繪制方法
在本文中給大家分享如何使用raphael.js來完成地圖交互,raphael.js是一個(gè)很小的javascript庫，它可以在網(wǎng)頁中實(shí)現(xiàn)繪制各種矢量圖、各類圖表、以及圖像裁剪、旋轉(zhuǎn)、運(yùn)動(dòng)動(dòng)畫等等功能,需要的朋友可以參考下
2014-02-02
JS中圖片緩沖loading技術(shù)的實(shí)例代碼
這篇文章介紹了JS中圖片緩沖loading技術(shù)的實(shí)例代碼，有需要的朋友可以參考一下
2013-08-08