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

回答編集履歴

2

jsfiddleリンク修正

2019/01/14 15:41

投稿

think49
think49

スコア18194

answer CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  ### コード
7
7
 
8
- - [toggle-clock - JSFiddle](http://jsfiddle.net/py6zjm30/)
8
+ - [toggle-clock - JSFiddle](http://jsfiddle.net/ky879vwd/)
9
9
 
10
10
  ```HTML
11
11
  <span id="clock"></span>

1

const -> var, setTimeoutのPolyfill

2019/01/14 15:41

投稿

think49
think49

スコア18194

answer CHANGED
@@ -1,6 +1,10 @@
1
- リンクではない要素を `<a>` でマークアップしないで下さい。
1
+ ### 注意事項
2
- `<meta http-equiv="refresh" content="2" />` はJS無効でも動作しますが、clickイベントは動作しません。
3
2
 
3
+ - リンクではない要素を `<a>` でマークアップしないで下さい。
4
+ - `<meta http-equiv="refresh" content="2" />` はJS無効でも動作しますが、clickイベントは動作しません。
5
+
6
+ ### コード
7
+
4
8
  - [toggle-clock - JSFiddle](http://jsfiddle.net/py6zjm30/)
5
9
 
6
10
  ```HTML
@@ -16,16 +20,22 @@
16
20
  }
17
21
 
18
22
  function handleClick (event) {
19
- const input = event.target,
23
+ var input = event.target,
20
- disabled = this.option.disabled = input.value === 'Stop clock';
24
+ disabled = this.option.disabled = input.value === 'Stop clock';
21
25
 
22
26
  input.value = disabled ? 'Start clock' : 'Stop clock';
23
27
  }
24
28
 
25
- const option ={disabled: false};
29
+ var option ={disabled: false};
26
30
  document.getElementById('toggle-clock').addEventListener('click', {handleEvent: handleClick, option: option}, false);
27
31
  handleTimeout.call(this, option);
28
32
  </script>
29
33
  ```
30
34
 
35
+ ### setTimeout の第三引数
36
+
37
+ setTimeoutの第三引数はPolyfillを適用する事で、IE9でも使用可能です。
38
+
39
+ - [WindowOrWorkerGlobalScope.setTimeout() | MDN](https://developer.mozilla.org/ja/docs/Web/API/WindowTimers/setTimeout#Polyfill)
40
+
31
41
  Re: bg87 さん