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

回答編集履歴

4

読みやすく修正。

2017/07/01 16:09

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
 
13
13
  ```JavaScript
14
- var count = 0, interval;
14
+ var count = 0, interval, $span = $( 'span' );
15
15
  $( '#startBtn' ).click( function() {
16
16
  if ( interval ) {
17
17
  window.clearInterval( interval );
@@ -19,11 +19,12 @@
19
19
  } else {
20
20
  interval = window.setInterval( function() {
21
21
  count++;
22
+ $span.text( count );
22
23
  console.log( count );
23
24
  }, 1000 );
24
25
  }
25
26
  } );
26
- ```**動くサンプル:**[https://jsfiddle.net/1a7tux69/4/](https://jsfiddle.net/1a7tux69/4/)
27
+ ```**動くサンプル:**[https://jsfiddle.net/1a7tux69/5/](https://jsfiddle.net/1a7tux69/5/)
27
28
 
28
29
  ---
29
30
 

3

ミスがあったため修正。

2017/07/01 16:09

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -13,7 +13,7 @@
13
13
  ```JavaScript
14
14
  var count = 0, interval;
15
15
  $( '#startBtn' ).click( function() {
16
- if ( intarval ) {
16
+ if ( interval ) {
17
17
  window.clearInterval( interval );
18
18
  interval = null;
19
19
  } else {
@@ -23,7 +23,7 @@
23
23
  }, 1000 );
24
24
  }
25
25
  } );
26
- ```**動くサンプル:**[https://jsfiddle.net/1a7tux69/3/](https://jsfiddle.net/1a7tux69/3/)
26
+ ```**動くサンプル:**[https://jsfiddle.net/1a7tux69/4/](https://jsfiddle.net/1a7tux69/4/)
27
27
 
28
28
  ---
29
29
 

2

ミスがあったため修正。

2017/07/01 16:06

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -14,16 +14,16 @@
14
14
  var count = 0, interval;
15
15
  $( '#startBtn' ).click( function() {
16
16
  if ( intarval ) {
17
- window.clearInterval( intarval );
17
+ window.clearInterval( interval );
18
- intarval = null;
18
+ interval = null;
19
19
  } else {
20
- intarval = window.setInterval( function() {
20
+ interval = window.setInterval( function() {
21
21
  count++;
22
22
  console.log( count );
23
23
  }, 1000 );
24
24
  }
25
25
  } );
26
- ```**動くサンプル:**[https://jsfiddle.net/1a7tux69/](https://jsfiddle.net/1a7tux69/)
26
+ ```**動くサンプル:**[https://jsfiddle.net/1a7tux69/3/](https://jsfiddle.net/1a7tux69/3/)
27
27
 
28
28
  ---
29
29
 

1

補足の追加。

2017/07/01 16:04

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -23,4 +23,17 @@
23
23
  }, 1000 );
24
24
  }
25
25
  } );
26
- ```**動くサンプル:**[https://jsfiddle.net/1a7tux69/](https://jsfiddle.net/1a7tux69/)
26
+ ```**動くサンプル:**[https://jsfiddle.net/1a7tux69/](https://jsfiddle.net/1a7tux69/)
27
+
28
+ ---
29
+
30
+ エラーが出ているかはデベロッパーツールで確認できます。
31
+
32
+ 【開発者ツールを使おう! カスタマイズするphpファイルを探す-その1 | RYUS blog】
33
+ [http://ryus.co.jp/blog/customize-php-search-1/](http://ryus.co.jp/blog/customize-php-search-1/)
34
+
35
+ 【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
36
+ [http://www.buildinsider.net/web/chromedevtools/01](http://www.buildinsider.net/web/chromedevtools/01)
37
+
38
+ 【Chrome デベロッパーツールの使い方概要 | Web Tips】
39
+ [http://weback.net/utility/1410/](http://weback.net/utility/1410/)