ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript_javascript スキルに実装された自動背景色変更コード
JavaScript_javascript スキルに実装された自動背景色変更コード
- WBOYオリジナル
- 2016-05-16 15:36:162074ブラウズ
この記事の例では、JavaScript で実装された自動背景色変更コードについて説明します。参考のために皆さんと共有してください。詳細は次のとおりです:
ここでは、Web ページの背景の色を自動的に変更する JavaScript のデモを示します。色を自分で変更し、時間と色の値を設定すると、設定した色の値の範囲内で Web ページの背景色が自動的に切り替わります。一定期間内。
実行中のエフェクトのスクリーンショットは次のとおりです:
オンライン デモのアドレスは次のとおりです:
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>背景自动变色</title>
</head>
<body>
背景自动变色
<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>
この記事が JavaScript プログラミングのすべての人に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。