JavaScript實(shí)現(xiàn)的背景自動(dòng)變色代碼
更新時(shí)間：2015年10月17日 14:55:31 作者：秋雨
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的背景自動(dòng)變色代碼,涉及JavaScript數(shù)組操作結(jié)合定時(shí)函數(shù)實(shí)現(xiàn)修改頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JavaScript實(shí)現(xiàn)的背景自動(dòng)變色代碼。分享給大家供大家參考，具體如下：
這里演示JavaScript實(shí)現(xiàn)網(wǎng)頁背景自動(dòng)變色，自己變換顏色，設(shè)定時(shí)間和顏色值即可，在你設(shè)定的顏色值、一定時(shí)間內(nèi)自動(dòng)切換網(wǎng)頁背景顏色。
運(yùn)行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-auto-cha-bg-color-demo/
具體代碼如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>背景自動(dòng)變色</title>
</head>
<body>
背景自動(dòng)變色
<script language="javascript">
var Arraycolor=new Array("#00FF66","#FFFF99","#99CCFF","#FFCCFF","#FFCC99","#00FFFF","#FFFF00","#FFCC00","#FF00FF");
var n=0;
function turncolors(){
n++;
if (n==(Arraycolor.length-1)) n=0;
document.bgColor = Arraycolor[n];
setTimeout("turncolors()",1000);
}
turncolors();
</script>
</body>
</html>
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- js點(diǎn)擊彈出div層實(shí)現(xiàn)可拖曳的彈窗效果
- CSS+JS實(shí)現(xiàn)點(diǎn)擊文字彈出定時(shí)自動(dòng)關(guān)閉DIV層菜單的方法
- js+CSS實(shí)現(xiàn)彈出居中背景半透明div層的方法
- JS彈出可拖拽可關(guān)閉的div層完整實(shí)例
- JS實(shí)現(xiàn)帶圓弧背景漸變效果的導(dǎo)航菜單代碼
- JS實(shí)現(xiàn)進(jìn)入頁面時(shí)漸變背景色的方法
- JavaScript實(shí)現(xiàn)點(diǎn)擊單元格改變背景色的方法
- javascript設(shè)置頁面背景色及背景圖片的方法
- js獲取及修改網(wǎng)頁背景色和字體色的方法
- javascript實(shí)現(xiàn)網(wǎng)頁背景煙花效果的方法
- js點(diǎn)擊列表文字對(duì)應(yīng)該行顯示背景顏色的實(shí)現(xiàn)代碼
- 神奇！js+CSS+DIV實(shí)現(xiàn)文字顏色漸變效果
- JavaScript+html5 canvas繪制漸變區(qū)域完整實(shí)例
- JavaScript實(shí)現(xiàn)彈出DIV層同時(shí)頁面背景漸變成半透明效果
相關(guān)文章
這篇文章主要介紹了filter() 數(shù)組過濾的使用方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-11-11
微信小程序通過點(diǎn)擊事件跨頁面?zhèn)鲄⒓癲ata-方法傳參（data-）的示例詳解
在?vue?中，我們可以直接在點(diǎn)擊事件中放入傳遞的參數(shù)進(jìn)行傳參；然而微信小程序中并不適用這樣的寫法，但是微信小程序可以通過自定義屬性從而綁定參數(shù)使用，這篇文章主要介紹了微信小程序通過點(diǎn)擊事件跨頁面?zhèn)鲄⒁约癲ata-方法傳參（data-）,需要的朋友可以參考下2023-12-12
前端常用判斷符號(hào)??，?.?，!?，!!?，||?，&&，?:用法示例
這篇文章主要給大家介紹了關(guān)于前端常用判斷符號(hào)??,?.?,!?,!!?,||?,&&,?:的相關(guān)資料,?在日常編寫中,我們會(huì)頻繁使用以下幾個(gè)符號(hào),文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
小程序?qū)崿F(xiàn)五星點(diǎn)評(píng)效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)五星點(diǎn)評(píng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
js驗(yàn)證手機(jī)號(hào)、密碼、短信驗(yàn)證碼代碼工具類
這篇文章主要介紹了js驗(yàn)證手機(jī)號(hào)、密碼、短信驗(yàn)證碼代碼工具類，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了JS WebSocket斷開原因和心跳機(jī)制，對(duì)websocket感興趣的同學(xué)，可以參考下2021-05-05
對(duì)于JS框架開發(fā)中的客戶端（瀏覽器）兼容難題，各位想必都不陌生。平常，我們都用if去面對(duì)接口不一致以及成堆的bug。然而，這里介紹的方法卻可以讓兼容更加優(yōu)雅。2010-08-08
javascript實(shí)現(xiàn)的使用方向鍵控制光標(biāo)在table單元格中切換
最近公司開發(fā)ERP項(xiàng)目，要求商品入庫選擇貨架號(hào)時(shí)支持使用方向鍵快速選擇，以提高入庫效率。2010-11-11
Typescript中extends關(guān)鍵字的基本使用
extends表示具體的泛型類型只能是object類型,某個(gè)變量如果能斷言成object類型[變量as object],那么這個(gè)變量的類型符合T extends object,下面這篇文章主要給大家介紹了關(guān)于Typescript中extends關(guān)鍵字基本使用的相關(guān)資料,需要的朋友可以參考下2022-08-08
如何基于小程序?qū)崿F(xiàn)發(fā)送語音消息及轉(zhuǎn)文字功能
最近為小程序增加語音識(shí)別轉(zhuǎn)文字的功能,坑路不斷,特此記錄,下面這篇文章主要給大家介紹了關(guān)于如何基于小程序?qū)崿F(xiàn)發(fā)送語音消息及轉(zhuǎn)文字功能的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11