デジタル時計はタイマーを使って1秒ごとに現在時刻を表示します。現在時刻はnew Date()を使ってDateオブジェクトを生成し、時間を取得する各種メソッドを呼び出します。得られた時刻の値が1桁の場合、0を付加して常に2桁になるようにします。これはslice(-2)のようにすると簡単に実現することができます。また、定期的に処理するにはsetInterval()メソッドを使います。最初のパラメーターに指定したミリ秒ごと呼び出す処理（関数など）を指定します。2番目のパラメーターには定期的に呼び出す時間（ミリ秒）を指定します。
【サンプルをブラウザで実行】【サンプルをダウンロードしてインストール(.apk)】
【サンプルをブラウザで実行】【サンプルをダウンロードしてインストール(.apk)】
●HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>デジタル時計</title>
</head>
<body>
<div id="clock"></div>
<script src="js/main.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>デジタル時計</title>
</head>
<body>
<div id="clock"></div>
<script src="js/main.js"></script>
</body>
</html>
●スクリプト（main.js）
setInterval(function(){
var currentTime = new Date();
var h = ("0"+currentTime.getHours()).slice(-2);
var m = ("0"+currentTime.getMinutes()).slice(-2);
var s = ("0"+currentTime.getSeconds()).slice(-2);
document.getElementById("clock").innerText = h+":"+m+":"+s;;
}, 1000);
●実行結果（Android 2.3/Galaxy SII）setInterval(function(){
var currentTime = new Date();
var h = ("0"+currentTime.getHours()).slice(-2);
var m = ("0"+currentTime.getMinutes()).slice(-2);
var s = ("0"+currentTime.getSeconds()).slice(-2);
document.getElementById("clock").innerText = h+":"+m+":"+s;;
}, 1000);
【メニューに戻る】