トップ > Javascriptサンプル

Javascriptは、ブラウザの種類やバージョン、環境により機能するものとしないものがあります。
また、DHTMLを使用している場合もあります。
DHTMLについては「DHTMLサンプル」もご参照下さい。

■ リアルタイムに文字色変更

リアルタイム処理をする場合はJavaScriptsetTimeout()関数を使用します。

今回のサンプルは一部の文字列の文字色を変更します。
青から色々な色変更をし、元の青まで戻る処理を繰り返します。

◆ 実行サンプル

現在のカラー 

略号の説明 動作が確認できたブラウザ
IE6.0 NS7.0 MZ1.7.7 FF1.5 OP7.53

【記述サンプル】

まず、テキストエディタなどを使用し、次の記述を「ontim04.js」というファイル名で保存します。
var selsw0 = 0; var bgc0 = 0x8888ff; bgc_chg0(); function bgc_chg0(){ if (bgc0 == 0x88ffff) selsw0 = 1; if (bgc0 == 0x88ff88) selsw0 = 2; if (bgc0 == 0xffff88) selsw0 = 3; if (bgc0 == 0xff8888) selsw0 = 4; if (bgc0 == 0xff88ff) selsw0 = 5; if (bgc0 == 0x8888ff) selsw0 = 0; if (selsw0 == 0) bgc0 = bgc0 + 0x100; if (selsw0 == 1) bgc0 = bgc0 - 0x1; if (selsw0 == 2) bgc0 = bgc0 + 0x10000; if (selsw0 == 3) bgc0 = bgc0 - 0x100; if (selsw0 == 4) bgc0 = bgc0 + 0x1; if (selsw0 == 5) bgc0 = bgc0 - 0x10000; bcstr = "#" + bgc0.toString(16); document.frm1.dsp0.value = bcstr; if (document.all) { div01.innerHTML = "リアルタイムに文字色を変更する"; } if (document.layers) { document.bgColor = bgc0; } setTimeout("bgc_chg0()",1); }


そして文字色を変更するテーブル(表)、色コードを表示する入力フォームJavascriptの呼び出しを次のように記述します。 <form name="frm1"> 現在のカラー  <input type="text" size="10" style="text-align:center;" name="dsp0"> </form> <br> <div id="div01"></div> <script type="text/javascript" src="ontim04.js"></script>



page update:2010/01/23 20:32

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom