javascript實現(xiàn)隨時變化著的背景顏色
更新時間：2015年04月02日 11:24:07 投稿：hebedich
這篇文章主要介紹了javascript實現(xiàn)隨時變化著的背景顏色的方法，非常的簡單實用，有需要的小伙伴可以直接拿走。
很簡單的一段背景顏色時刻發(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)文章
微信更新自家的Web開發(fā)工具后無法使用原生 Promise，下面這篇教程教你引入第三方庫來使用 Promise，文中通過圖文介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
javascript 兼容FF的onmouseenter和onmouseleave的代碼
經(jīng)過測試發(fā)現(xiàn)，例子1 在 ff下抖動的厲害，ie下稍微有點。 具體原因 其實就是 mouseout 的冒泡機(jī)制 引起的。2008-07-07
使用JavaScript實現(xiàn)隨機(jī)曲線之間進(jìn)行平滑切換
今天,我運(yùn)用拉格朗日插值法繪制了一條曲線,然而,我并未止步于靜態(tài)展示,而是引入了一個定時器,每隔一段時間便對曲線上的點進(jìn)行動態(tài)更新,從而賦予曲線生命般的動態(tài)變化,本文介紹了使用JavaScript實現(xiàn)隨機(jī)曲線之間進(jìn)行平滑切換,感興趣的朋友可以參考下2024-11-11
JS實現(xiàn)自定義簡單網(wǎng)頁軟鍵盤效果代碼
這篇文章主要介紹了JS實現(xiàn)自定義簡單網(wǎng)頁軟鍵盤效果代碼,可實現(xiàn)簡單模擬鍵盤布局及響應(yīng)鼠標(biāo)點擊按下鍵盤按鍵功能,簡單實用,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
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)盤上傳下載文件的方法
百度個人云盤空間大，完全免費(fèi)，而且提供了pcs api供調(diào)用操作文件，在平時的項目里往里面保存一些文件是很實用的。通過本文給大家介紹使用pcs api往免費(fèi)的百度網(wǎng)盤上傳下載文件的方法，感興趣的朋友一起學(xué)習(xí)吧2016-03-03
在本文中給大家分享如何使用raphael.js來完成地圖交互,raphael.js是一個很小的javascript庫，它可以在網(wǎng)頁中實現(xiàn)繪制各種矢量圖、各類圖表、以及圖像裁剪、旋轉(zhuǎn)、運(yùn)動動畫等等功能,需要的朋友可以參考下2014-02-02
這篇文章介紹了JS中圖片緩沖loading技術(shù)的實例代碼，有需要的朋友可以參考一下2013-08-08