トップ > Javascriptサンプル

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

■ 時間帯で文字色を変更

◆ 実行サンプル

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

【記述サンプル】

まず、テキストエディタなどを使用し、次の記述を「ontim13.js」というファイル名で保存します。
fgc_chg(); function fgc_chg(){ //現在の時刻の取得 gtim0=new Date(); hr0 = gtim0.getHours(); //時 mn0 = gtim0.getMinutes(); //分 sc0 = gtim0.getSeconds(); //秒 sc0 = Math.floor(Math.floor(sc0 % 6) / 6 * 60); //秒を6種類に分類 fgc0 = 0; if (sc0 < 10) fgc0 = 0x6666ff; else { if (sc0 < 20) fgc0 = 0x9966ff; else { if (sc0 < 30) fgc0 = 0xcc66ff; else { if (sc0 < 40) fgc0 = 0xff66ff; else { if (sc0 < 50) fgc0 = 0xff99ff; else { if (sc0 < 60) fgc0 = 0xffccff; }}}}} document.frm1.dsp0.value = "#" + fgc0.toString(16); document.fgColor = fgc0; setTimeout("fgc_chg()", 1000); }


そして色コードを表示する入力フォームJavascriptの呼び出しを次のように記述します。 <form name="frm1"> 現在のカラー  <input type="text" size="10" style="text-align:center;" name="dsp0"> </form> <script type="text/javascript" src="ontim13.js"></script>



page update:2019/01/09 19:55

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