TIPS & TRICKS Clock

　以下の関数を定義し、onLoadイベントで呼び出す。

function Clock()
{
    var date = new Date();                  //Dateオブジェクト

    var year = date.getYear();              //年号を取得

    var month = date.getMonth()+1;          //月を取得
    if(month < 10)                          //1桁だったら・・・
    {
        month = "0" + month;                //"0"を頭につける
    }

    var day = date.getDate();               //日にち
    if(day < 10)                            //1桁だったら・・・
    {
        day = "0" + day;                    //"0"を頭につける
    }

    var weekArray = new Array("日", "月", "火", "水", "木", "金", "土");
                                            //曜日を表示するための配列
    var week = date.getDay();               //曜日を取得

    var hour = date.getHours();
    if(hour < 10)                           //1桁だったら・・・
    {
        hour = "0" + hour;                  //"0"を頭につける
    }

    var minute = date.getMinutes();
    if(minute < 10)                         //1桁だったら・・・
    {
        minute = "0" + minute;              //"0"を頭につける
    }

    var second = date.getSeconds();
    if(second < 10)                         //1桁だったら・・・
    {
        second = "0" + second;              //"0"を頭につける
    }

    var iNetSecond = (date.getUTCHours() + 1) * 60 * 60 + date.getUTCMinutes() * 60 + date.getUTCSeconds();
                                            //Swatch社の時刻を秒で取得
    var beatTime = Math.round(iNetSecond / 86.4);
                                            //iNetTimeを86.4で割った値を整数に丸める

    var days = year + "/" + month + "/" + day + " (" + weekArray[week] + ")";
                                            //日付を生成

    var times = hour + ":" + minute + ":" + second;
                                            //時間・分・秒を生成

    var beat = " <SPAN class='beat'>@</SPAN>" + beatTime;

    dynClock.innerHTML = days + "<BR>" + times + beat;
                                            //IDがdynClockのタグ要素を置きかえる

    timerID = setTimeout('Clock()', 1000);  //1000ms間隔で再帰的に自分を呼び出す
}

トップページ