【javascript】現在時刻を時：分：秒の形式で表示させる

前回の続き現在の時刻表示するjavasriptを書いたけど、英語表示だとやっぱり見にくいです。よく見る表示である時：分：秒の形式で表示させます。

Sat Dec 28 2019 13:27:55 GMT+0900 (日本標準時)

変換できたコードは以下の通りです。

test.html

<!Doctype html>

<html>
  <header>
    <meta charset="utf-8">
    <title>sample</title>
    <div id="timer"></div>
  </header>

  <body>
    <script src="test.js"></script>
  </body>

  </html>

test.js

(function(){
  var timer = document.getElementById("timer");
  Date = new Date();
  hours = Date.getHours();
  minutes = Date.getMinutes();
  seconds = Date.getSeconds();
  timer.textContent = "現在の時刻は" + hours + ":" 
                                   + minutes
                                   + ":" 
                                   + seconds;
}());

ブラウザ表示