slot

##スロットを作っています ```html slot

STOP

S t a r t

``` スタートを押すとsetIntervalにより上記id="A","B","C"内の画像がそれぞれ指定時間ごとに切り替わるようにしています。それぞれの画像の下にあるストップボタンを押すとclearIntervalによって止まるようにしたいのですがうまくいきません。 ```js 'use strict' var A1 = document.getElementById('A') var B1 = document.getElementById('B') var C1 = document.getElementById('C') var P = document.getElementById('p1') var P1 = document.getElementById('p2') var P2 = document.getElementById('p3') // イメージ切り替え var R = function() { var M = Math.floor(Math.random() * 10); if( M === 1 ){ X.src = "./img/bell.png"; }else if( M === 2 ){ X.src = "./img/cherry.png"; }else if( M === 3 ){ X.src = "./img/seven.png"; }else{ R(); } } var R1 = function() { var M1 = Math.floor(Math.random() * 10); if( M1 === 1 ){ X1.src = "./img/bell.png"; }else if( M1 === 2 ){ X1.src = "./img/cherry.png"; }else if( M1 === 3 ){ X1.src = "./img/seven.png"; }else{ R1(); } } var R2 = function() { var M2 = Math.floor(Math.random() * 10); if( M2 === 1 ){ X2.src = "./img/bell.png"; }else if( M2 === 2 ){ X2.src = "./img/cherry.png"; }else if( M2 === 3 ){ X2.src = "./img/seven.png"; }else{ R2(); } } // スロット var L = function() { var S = setInterval(R, 400); S; } var L1 = function() { var S1 = setInterval(R1, 250); S1; } var L2 = function() { var S2 = setInterval(R2, 100); S2; } // ストップ P.addEventListener('click',()=> { clearInterval(S); }) P1.addEventListener('click',()=> { clearInterval(S1); }) P2.addEventListener('click',()=> { clearInterval(S2); }) // スタートボタン作動 document.getElementById("btn").addEventListener('click',()=> { L(); L1(); L2(); }) ``` 間違い箇所のご指摘お待ちしております。

	@@ -1,1 +1,1 @@
1	- js clearIntervalが止まりません
1	+ js clearIntervalが作動しません。

質問編集履歴