HOME >> Java Script > 時計を表示する

　時計を表示する

Webページに、デジタル風の時計を設置するスクリプトです。

サンプル - Microsoft Internet Explorer

ソース

<HTML>
<HEAD>
<TITLE>時計を表示する</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function dt(){
Tdate=new Date();
j1=Tdate.getHours();
j2=Tdate.getMinutes();
j3=Tdate.getSeconds();
jt=":"
if(j1<10){j1="0"+j1;}
if(j2<10){j2="0"+j2;}
if(j3<10){j3="0"+j3;}
document.dck.dckh.value=j1+jt+j2+jt+j3;
setTimeout("dt()",1000);}
//-->
</SCRIPT>
<STYLE>
<!--
.a1{color:#66ff33;
    background-color:#1e4611;
    border:solid 2px #c0c0c0;
    font-weight:bold;text-align:center;}
-->
</STYLE>
</HEAD>
<BODY onLoad="dt()">
<FORM name="dck">
<INPUT type="text" name="dckh" size=10 class="a1">
</FORM>
</BODY>
</HTML>

■ ソースの説明

<SCRIPT LANGUAGE="JavaScript">～</SCRIPT>の範囲内のソースと、<STYLE>～</STYLE>の範囲内のソースを、<HEAD>～</HEAD>間に記入して下さい。
<BODY>タグにonLoad="dt()"を記入してください。
時計を表示したい所に<FORM>～</FORM>を記入します。
デザインを変更するには、スタイルシートの設定を変更して下さい。
color:文字の色 background-color:背景の色 border:枠線の種類枠線の太さ枠線の色

■スポンサード・リンク

HOME >>JavaScript

次のページ >>