這篇文章主要介紹了JavaScript實(shí)現(xiàn)的背景自動(dòng)變色代碼,涉及JavaScript數(shù)組操作結(jié)合定時(shí)函數(shù)實(shí)現(xiàn)修改頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JavaScript實(shí)現(xiàn)的背景自動(dòng)變色代碼。分享給大家供大家參考，具體如下：

這里演示JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)背景自動(dòng)變色，自己變換顏色，設(shè)定時(shí)間和顏色值即可，在你設(shè)定的顏色值、一定時(shí)間內(nèi)自動(dòng)切換網(wǎng)頁(yè)背景顏色。

運(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

js對(duì)象基礎(chǔ)實(shí)例分析
這篇文章主要介紹了js對(duì)象基礎(chǔ),以實(shí)例形式分析了js對(duì)象的創(chuàng)建、讀取及遍歷等技巧,需要的朋友可以參考下
2015-01-01
JavaScript中檢測(cè)變量是否存在遇到的一些問(wèn)題
要檢測(cè)某一變量是否存在，雖然簡(jiǎn)單但是也要細(xì)心，下面整理了幾點(diǎn)，遇到類似問(wèn)題的朋友可以參考下
2013-11-11
JavaScript中如何讓?x?==?1?&&?x?==?2?&&?x?==?3?等式成立
這篇文章主要介紹了JavaScript中如何讓x==1&&x==2&&x==3等式成立，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-07-07
JavaScript生成UUID的五種方法詳解
UUID是一種由算法生成的二進(jìn)制長(zhǎng)度為128位的數(shù)字標(biāo)識(shí)符，格式為“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”。本文總結(jié)了五個(gè)JS生成UUID的方法，感興趣的可以了解一下
2022-06-06
小程序tab頁(yè)無(wú)法傳遞參數(shù)的方法
這篇文章主要介紹了小程序tab頁(yè)無(wú)法傳遞參數(shù)的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
兼容FF和IE的動(dòng)態(tài)table示例自寫
Js實(shí)現(xiàn)的動(dòng)態(tài)增加表格的文章有很多，但大多數(shù)都不兼容FF和IE，于是手寫了一個(gè)，經(jīng)測(cè)試效果還不錯(cuò)，特此與大家分享，感興趣的朋友不要錯(cuò)過(guò)
2013-10-10
人人網(wǎng)javascript面試題可以提前實(shí)現(xiàn)下
JavaScript面試題要求：以下題目必須從一至四題中，選出三道題，使用原生代碼實(shí)現(xiàn)，不可使用任何框架，第五題為選作題
2012-01-01
!DOCTYPE聲明對(duì)JavaScript的影響分析
DOCTYPE是document type(文檔類型)的簡(jiǎn)寫，在web設(shè)計(jì)中用來(lái)說(shuō)明你用的XHTML或者HTML是什么版本。
2010-04-04
JavaScript中的Map數(shù)據(jù)結(jié)構(gòu)詳解
這篇文章主要為大家介紹了JavaScript的Map數(shù)據(jù)結(jié)構(gòu)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2022-01-01
JavaScript實(shí)現(xiàn)的encode64加密算法實(shí)例分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的encode64加密算法,實(shí)例分析了javascript處理encode64編碼針對(duì)字符串加密的技巧,非常簡(jiǎn)潔實(shí)用,需要的朋友可以參考下
2015-04-04