回答編集履歴
2
jsfiddleリンク修正
answer
CHANGED
@@ -5,7 +5,7 @@
|
|
5
5
|
|
6
6
|
### コード
|
7
7
|
|
8
|
-
- [toggle-clock - JSFiddle](http://jsfiddle.net/
|
8
|
+
- [toggle-clock - JSFiddle](http://jsfiddle.net/ky879vwd/)
|
9
9
|
|
10
10
|
```HTML
|
11
11
|
<span id="clock"></span>
|
1
const -> var, setTimeoutのPolyfill
answer
CHANGED
@@ -1,6 +1,10 @@
|
|
1
|
-
|
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
|
-
|
23
|
+
var input = event.target,
|
20
|
-
|
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
|
-
|
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 さん
|