回答編集履歴
2
jsfiddleリンク修正
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
- [toggle-clock - JSFiddle](http://jsfiddle.net/
|
|
15
|
+
- [toggle-clock - JSFiddle](http://jsfiddle.net/ky879vwd/)
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
1
const -> var, setTimeoutのPolyfill
test
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
### 注意事項
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
- リンクではない要素を `<a>` でマークアップしないで下さい。
|
|
6
|
+
|
|
3
|
-
`<meta http-equiv="refresh" content="2" />` はJS無効でも動作しますが、clickイベントは動作しません。
|
|
7
|
+
- `<meta http-equiv="refresh" content="2" />` はJS無効でも動作しますが、clickイベントは動作しません。
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### コード
|
|
4
12
|
|
|
5
13
|
|
|
6
14
|
|
|
@@ -34,9 +42,9 @@
|
|
|
34
42
|
|
|
35
43
|
function handleClick (event) {
|
|
36
44
|
|
|
37
|
-
|
|
45
|
+
var input = event.target,
|
|
38
46
|
|
|
39
|
-
|
|
47
|
+
disabled = this.option.disabled = input.value === 'Stop clock';
|
|
40
48
|
|
|
41
49
|
|
|
42
50
|
|
|
@@ -46,7 +54,7 @@
|
|
|
46
54
|
|
|
47
55
|
|
|
48
56
|
|
|
49
|
-
|
|
57
|
+
var option ={disabled: false};
|
|
50
58
|
|
|
51
59
|
document.getElementById('toggle-clock').addEventListener('click', {handleEvent: handleClick, option: option}, false);
|
|
52
60
|
|
|
@@ -58,4 +66,16 @@
|
|
|
58
66
|
|
|
59
67
|
|
|
60
68
|
|
|
69
|
+
### setTimeout の第三引数
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
setTimeoutの第三引数はPolyfillを適用する事で、IE9でも使用可能です。
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
- [WindowOrWorkerGlobalScope.setTimeout() | MDN](https://developer.mozilla.org/ja/docs/Web/API/WindowTimers/setTimeout#Polyfill)
|
|
78
|
+
|
|
79
|
+
|
|
80
|
+
|
|
61
81
|
Re: bg87 さん
|