teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

テキスト追加

2021/10/08 21:34

投稿

退会済みユーザー
answer CHANGED
@@ -1,26 +1,2 @@
1
- > 現在時刻への加算
2
-
3
- とかやりたいんだったら、早めに [dayjs](https://day.js.org/) を使えるようにしとくんが吉やと思うぞなもし。以下、丸っとコピペしてブラウザで見てちょ。
4
- ```html
1
+ (都合により削除)
5
- <!DOCTYPE html>
6
- <html>
7
- <head>
8
- <meta charset='utf-8'>
2
+ ![イメージ説明](46f37d239edd678b339c18fda72667df.png)
9
- <script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
10
- <style>
11
- span { color: red; }
12
- </style>
13
- </head>
14
- <body>
15
- <p id="time"/>
16
- <script>
17
- const hhmiss = function() {
18
- const dt = dayjs(new Date()).add(10, 's'); // 現在日時に10秒加算したDateを取得
19
- const element = document.getElementById("time");
20
- element.innerHTML = `${dt.format('HH:mm:')}<span>${dt.format('ss')}</span>`;
21
- };
22
- setInterval(hhmiss, 1000);
23
- </script>
24
- </body>
25
- </html>
26
- ```

1

ソース修正

2021/10/08 21:34

投稿

退会済みユーザー
answer CHANGED
@@ -6,7 +6,7 @@
6
6
  <html>
7
7
  <head>
8
8
  <meta charset='utf-8'>
9
- <script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.10.6/dayjs.min.js"></script>
9
+ <script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
10
10
  <style>
11
11
  span { color: red; }
12
12
  </style>