現在時刻 getElementById()を使った時刻表示の例です。表示は、
で定義しています。次にJavaScriptは、 <BODY onLoad="init()" >で初期化の関数init()を呼び出します。init()ではタイマーを起動します。 function init() { window.setInterval(timerTask, 100); }timerTask()は1秒ごとに呼び出されます。日時と時刻を取得して分と秒は2桁の0詰め(例:05秒)で表示します。 function timerTask(){ var tm = new Date(); var elm = document.getElementById('yymmdd'); //0詰めにする var h = tm.getHours(); var m = ("00" + tm.getMinutes()).slice(-2); var s = ("00" + tm.getSeconds()).slice(-2); elm.innerHTML = h + ":" + m + ":" + s; }これで時刻表示ができました。 |