JavaScriptの時刻を更新したい

下記のコードは時刻を取っているのですがこれをデジタル時計みたいにほっておいても時間が変わっているという風にするにはどうすればいいですか？

JavaScript
1<!doctype html>
2<html>
3<head>
4  <meta charset="utf-8">
5
6</head>
7
8<body>
9  
10  <script>
11    var now = new Date();
12    var day = ["Sun", "Mon", "Tue" ,"Wed", "Thu", "Fri", "Sat"];
13    var month = now.getMonth() + 1;
14    var date = now.getDate();
15    var day_num = now.getDay();
16    var hour = now.getHours();
17    var minute = now.getMinutes();
18    var str = month + "月&nbsp;" + date + "日&nbsp;" + day[day_num] + "&nbsp;" + hour + ":" + minute;
19    document.write(str);
20  </script>
21
22  </script>
23
24
25</body>
26</html>

行動規範の内容に同意します

回答2件

こういうヤツ？
http://www.nishishi.com/javascript/2014/realtime-clock-setinterval.html

投稿2015/08/12 00:01

退会済みユーザー

総合スコア0

setInterval()を利用して実現できます。
具体的には、次のようにします。

html
1<div id="time_area"></div>

javascript
1timeUpdate();
2setInterval("timeUpdate()", 60000);
3function timeUpdate(){
4    var now = new Date();
5    var day = ["Sun", "Mon", "Tue" ,"Wed", "Thu", "Fri", "Sat"];
6    var month = now.getMonth() + 1;
7    var date = now.getDate();
8    var day_num = now.getDay();
9    var hour = now.getHours();
10    var minute = now.getMinutes();
11    var str = month + "月&nbsp;" + date + "日&nbsp;" + day[day_num] + "&nbsp;" + hour + ":" + minute;
12    document.getElementById("time_area").innerText = str;
13}