89 アクセス経過時間を表示する


 クリックした個所にページを開いてからの経過時間が表示され、再度クリックすると消えます。


■ <HEAD> と </HEAD> の間に下記のスクリプトを記述します。

<SCRIPT LANGUAGE="JavaScript">
<!--
f=false;

function lapse(){
	if(f){
		ch_h1=Math.floor(myTime/3600);
		temt1=myTime % 3600;

		ch_m10=Math.floor(temt1/600);
		temt2=temt1 % 600;

		ch_m1=Math.floor(temt2/60)
		temt3=temt2 % 60;

		ch_s10=Math.floor(temt3/10);
		ch_s1=temt3 % 10;

		document.s1.src=ch_s1+".gif";
		document.s10.src=ch_s10+".gif";
		document.m1.src=ch_m1+".gif";
		document.m10.src=ch_m10+".gif";
		document.h1.src=ch_h1+".gif";

		myTime++;
		if(myTime>36000){
			alert("10時間になりました!");
		}
		myID=setTimeout("lapse()",1000);
	}
}
function hazime(){
	myTime=0;
	f=true;
	lapse();
}

//-->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">
flag = true;
function Menu(){
	if(flag){
		NaviMenu.style.posLeft = event.clientX;
		NaviMenu.style.posTop = event.clientY;
                NaviMenu.style.visibility = "visible";
		flag = false;
	}
	else{
		NaviMenu.style.visibility = "hidden";
		flag = true;
	}
}
document.ondblclick = Menu;
</SCRIPT>

■ 経過時間を表示させる個所に下記を記述します。

■ 数字画像のサイズに合わせ、赤色数値を指定します。


<DIV ID="NaviMenu"
	STYLE="position:absolute;width:450px;
	z-index:1;visibility:hidden">
<FORM NAME="form1"> <IMG SRC="0.gif" NAME="h1"><IMG SRC="ns.gif"><IMG SRC="0.gif" NAME="m10"><IMG SRC="0.gif" NAME="m1"><IMG SRC="ns.gif"><IMG SRC="0.gif" NAME="s10"><IMG SRC="0.gif" NAME="s1"> </FORM></DIV>


■ 同じフォルダに数字とコロンの画像を保存します。