経過時間

ホームページに、更新してからの経過時間を表示するように手を加えました。


赤丸で囲った部分をクリックすると、更新日(Last updated)、経過時間(Elapsed Time)と日付(Date)を切替えます。

こんなJavascriptを書いてます。
--------------------------------------------------------
// 日時の文字列作成
// Input : 日付オブジェクト(new Date())
// Output : 日時の文字列
function YMDHMS1(myD2){
// 曜日変数
var myWeek = new Array("日","月","火","水","木","金","土");
// 年、月、曜日、日、時、分、秒を算出する。
var myYear = myD2.getYear();
var myYear4 = (myYear < 2000) ? myYear+1900 : myYear;
var myMonth = myD2.getMonth() + 1;
var myDate = myD2.getDate(); // 日
var myDay = myD2.getDay(); // 曜日
var myHours = myD2.getHours();
var myMinutes = myD2.getMinutes();
var mySeconds = myD2.getSeconds();
// 月、日、時、分、秒の桁調整
if(myMonth < 10){myMonth = "0" + myMonth}
if(myDate < 10){myDate = "0" + myDate}
if(myHours < 10){myHours = "0" + myHours}
if(myMinutes < 10){myMinutes = "0" + myMinutes}
if(mySeconds < 10){mySeconds = "0" + mySeconds}
// 日時の文字列を返す
var string1 = myYear4+"年"+myMonth+"月"+myDate+ "日 [";
string1 += myWeek[myDay];
string1 += "]　"+myHours+":"+myMinutes+":"+mySeconds;
return(string1);
}

// 日時を表示する
function DspDate1(){
document.getElementById("IdTime0").value =
"Date:"+YMDHMS1(new Date());
}

// 更新日時から現在までの経過時間(elapsed time)
function getElTm1(){
// 経過時間[sec]
var ElTm1 = Math.floor(((new Date()) - (new Date(document.lastModified)))/1000);
// ElTm1から年数を切り出し
var myYear = Math.floor(ElTm1 / (365*24*60*60));
// ElTm1から年数分を引く
ElTm1 -= myYear * (365*24*60*60);
// ElTm1から月数を切り出し
var myMonth = Math.floor(ElTm1 / (30*24*60*60));
// ElTm1から月数分を引く
ElTm1 -= myMonth * (30*24*60*60);
// ElTm1から日数を切り出し
var myDay = Math.floor(ElTm1 / (24*60*60));
// ElTm1から日数分を引く
ElTm1 -= myDay * (24*60*60);
// ElTm1から時間を切り出し
var myHour = Math.floor(ElTm1 / (60*60));
// ElTm1から時間分を引く
ElTm1 -= myHour * (60*60);
// ElTm1から分を切り出し
var myMinute = Math.floor(ElTm1 / 60);
// ElTm1から分を引く
ElTm1 -= myMinute * 60;
// 経過時間の文字列
myYear = (myYear<10) ? ("0" + myYear) : myYear;
myMonth = (myMonth<10) ? ("0" + myMonth) : myMonth;
myDay = (myDay<10) ? ("0" + myDay) : myDay;
myHour = (myHour<10) ? ("0" + myHour) : myHour;
myMinute = (myMinute<10) ? ("0" + myMinute) : myMinute;
ElTm1 = (ElTm1<10) ? ("0" + ElTm1) : ElTm1;
var string1 = "Elapsed Time : " + myYear + "/" + myMonth + "/" + myDay
+ " " + myHour + ":" + myMinute + ":" + ElTm1;
document.getElementById("IdTime0").value = string1;
}

// 更新日、経過時間、日時を切替
// myMode : 0/1 = 初期化 / 切替
function ChgDate1(myMode){
var string1 = document.getElementById("IdTime0").value;
if(string1.match(/Date/)&&document.lastModified){
// 更新日に切替
clearInterval(T[8]);
document.getElementById("IdTime0").value =
"Last updated:"+YMDHMS1(new Date(document.lastModified));
document.getElementById("IdTime0").className = "TxtCls4B";
}else if(string1.match(/Last/)&&document.lastModified){
// 経過時間に切替
clearInterval(T[8]);
T[8] = setInterval("getElTm1()",500);
document.getElementById("IdTime0").className = "TxtCls4C";
}else if((string1.match(/Elapsed/))||(myMode==0)){
// 日時に切替
clearInterval(T[8]);
T[8] = setInterval("DspDate1()",500);
document.getElementById("IdTime0").className = "TxtCls4";
}else{
alert("切替できません。\nブラウザ："+getBrws1()+"\n[ChgDate1]");
}
}
--------------------------------------------------------

今日はビリーの一曲を：

グラス・ハウス

• アーティスト:
• 出版社/メーカー: Sony Music Direct
• 発売日: 2006/04/19
• メディア: CD

タグ：Billy Joel You May Be Right JavaScript

コメント 4

こんばんは～！
ご訪問が遅れてしまいました。。（４つ前くらいの記事に来ていただいた方を今のんびり訪問している始末で。。。）
ビリーの曲！
これはたしか。。カップル（夫婦？）ケンカの歌ですよね！
「どうせ君が正しいんだよ！」みたいな歌詞を見て、
「日本もアメリカも同じだな～」と思ったの覚えてます♪

by miyukimono (2010-07-11 21:01) 

おさむさん、ヒロさん、miyukimonoさん、Extra-Lowさん、nice!ありがとうございます！スパシーバ！
by cheese999 (2010-07-13 05:15) 

相手の目を見てとことん話し合うしかないと思います。カップル（夫婦）とはいえ、二心異体（not 一心同体）。生まれも育ちも違うのですから、理解できないのは当たり前、と思います。理解しようという努力の積み重ねが大事なのではないでしょうか。
by cheese999 (2010-07-13 22:15) 

c_yuhkiさん、thanks !
by cheese999 (2010-07-13 22:20)