前提・実現したいこと
ブラウザのstartボタンを押すと変数speの値を1に変えて、ある関数を動かしたい
またブラウザのstopボタンを押すと変数speの値を0に変えて、ある関数の動きを止めたい。
このようなことを実現したいのですがどの書き方がまずいのかがわかりません。
どこを書き換えればよいのでしょうか?
発生している問題・エラーメッセージ
if(spe == 1)で関数を動かしたいのだが、動かない。
該当のソースコード
一部のソースコードです。
html
1 <div class="contents margin"> 2 <button id="start" class="button">開始ボタン</button> 3 <button id="fin" class="button">終了ボタン</button> 4 </div> 5 6<script> 7 8//推測用の変数 9var spe = 0; 10//スタートボタン 11document.getElementById('start').addEventListener('click', function() { 12 spe = 1; 13 console.log(spe); 14}); 15 16//終了ボタン 17document.getElementById('fin').addEventListener('click', function() { 18 spe = 0; 19 console.log(spe); 20}); 21 22 23//3秒おきにarrを表示する関数 24if(spe == 1 ){ 25 $(function(){ 26 setInterval(function(){ 27 console.table(arr); 28 },3000); 29 }); 30} 31 32</script>
試したこと
スタートボタンを押すとconsole.log(spe);で1が表示され、終了ボタンを押すと0がコンソールに表示されることは確認しました。
しかしスタートボタンを押してspeが1になっているはずが、
arrがコンソールに表示されません
また最初から定義で
var spe = 1;とすると
arrがコンソールに3秒おきに表示されます。
が終了ボタンでspe =0 としても関数が回り続け3秒おきにarrが出力されてしまいます。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/11 07:27