回答編集履歴
2
関数名変更
answer
CHANGED
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
|
|
52
52
|
```javascript
|
|
53
53
|
//現在時刻を取得して更新する
|
|
54
|
-
function
|
|
54
|
+
function update() {
|
|
55
55
|
|
|
56
56
|
let now = new Date();
|
|
57
57
|
let y = now.getFullYear();
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
//一回目
|
|
83
83
|
time_update();
|
|
84
84
|
//二回目以降
|
|
85
|
-
setInterval("
|
|
85
|
+
setInterval("update()", 1000*60);/* 1分ごと */
|
|
86
86
|
});
|
|
87
87
|
```
|
|
88
88
|
```html
|
1
JSのみで実装できる処理を追記
answer
CHANGED
|
@@ -41,5 +41,52 @@
|
|
|
41
41
|
setInterval("update()", 2000);
|
|
42
42
|
});
|
|
43
43
|
```
|
|
44
|
+
受け取ったデータを何らか処理してHTMLを更新するところとかは、あとはできますかね。
|
|
44
45
|
|
|
46
|
+
とりあえずJSだけで
|
|
47
|
+
---
|
|
48
|
+
|
|
49
|
+
こんな感じでできます。
|
|
45
|
-
|
|
50
|
+
現在時刻を常に→HTML（テキスト）整形の処理を、1分ごとに常に行います。
|
|
51
|
+
|
|
52
|
+
```javascript
|
|
53
|
+
//現在時刻を取得して更新する
|
|
54
|
+
function time_update() {
|
|
55
|
+
|
|
56
|
+
let now = new Date();
|
|
57
|
+
let y = now.getFullYear();
|
|
58
|
+
let m = now.getMonth() + 1;
|
|
59
|
+
let d = now.getDate();
|
|
60
|
+
let w = now.getDay();
|
|
61
|
+
let h = now.getHours();
|
|
62
|
+
let i = now.getMinutes();
|
|
63
|
+
|
|
64
|
+
//1桁だったときに頭に 0 をつける
|
|
65
|
+
if(m < 10){
|
|
66
|
+
m = '0'+m;
|
|
67
|
+
}
|
|
68
|
+
if(d < 10){
|
|
69
|
+
d = '0'+d;
|
|
70
|
+
}
|
|
71
|
+
if(h < 10){
|
|
72
|
+
h = '0'+h;
|
|
73
|
+
}
|
|
74
|
+
if(i < 10){
|
|
75
|
+
i = '0'+i;
|
|
76
|
+
}
|
|
77
|
+
//出力
|
|
78
|
+
$('.time').html(y+'/'+m+'/'+d+' '+h+':'+i);
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
$(function(){
|
|
82
|
+
//一回目
|
|
83
|
+
time_update();
|
|
84
|
+
//二回目以降
|
|
85
|
+
setInterval("time_update()", 1000*60);/* 1分ごと */
|
|
86
|
+
});
|
|
87
|
+
```
|
|
88
|
+
```html
|
|
89
|
+
<div class="time"></div>
|
|
90
|
+
```
|
|
91
|
+
動作確認はこちらより
|
|
92
|
+
[https://codepen.io/sleepzzz/pen/jzKdWZ](https://codepen.io/sleepzzz/pen/jzKdWZ)
|