ページを見てる時間を表示する方法

ホーム > JavaScript > ページを見てる時間を表示する方法

■説明

　ページを見ている時間をフォームで表示させることが出来ます。ただし、N4.73でテストするとparseIntでNaNが返ってくることがある。Netscapeバグか？

■ソース

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<TITLE>ページを見てる時間を表示する方法</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
//――――――――――――――――――――――――――――――――――――――
// 作成者:るび～  ACCESS R  http://www5e.biglobe.ne.jp/~access_r/
//――――――――――――――――――――――――――――――――――――――
var date1  = new Date();
var date2, timer, hour, min, sec;

function TimeCount(){
	setTimeout(TimeCount, 1000);
	date2  = new Date();
	timer = parseInt((date2.getTime() - date1.getTime()) / 1000);

//時間の設定
	if(parseInt(timer / 3600) < 10){hour = "0" + parseInt(timer / 3600);}
	else{hour = parseInt(timer / 3600);}

//分の設定
	if((parseInt(timer / 60) % 60) < 10){min = "0" + (parseInt(timer / 60) % 60);}
	else{min = (parseInt(timer / 60) % 60);}

//秒の設定
	if((timer % 60) < 10){sec = "0" + (timer % 60);}
	else{sec =  timer % 60;}

document.form1.time.value = hour + ":" + min + ":" + sec;
}
window.onload = TimeCount;
//-->
</SCRIPT>
</HEAD>
<BODY>

</BODY>
</HTML>

■実行例

■対応ブラウザ

ページを見てる時間を表示する方法
IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6
●	●	●	●	●	●	●	●	●	●

[ホーム] [JavaScript] [↑ページ最上部へ戻る]

Webデザイナーになれる！
HTML、FLASH、CSS等様々なWeb技術やデザインに関することを学ぶことが出来ます。Webデザイナーなら、是非どうぞ！資料請求は無料！です。