スライドショーの再生/一時停止のグローバル変数を認識できない

Question

javascriptスライドショーの再生/一時停止ボタンを作成しようとしていますが、スコープの問題によりボタンが進行を停止しました。要素playをクリックして2つの文字列値を切り替える。機能slideshowはworkingを出力しますが、状態を出力して機能を実行することはできません。ここで

はギャラリーとフィドルです：

Fiddle live example

私は

var state='play' 
slideshow() 

pause.onclick=function(){ 
    console.log(state) 
    if (state=='play') 
    { 
     state='pause' 
    } 
    else{ 
     state='play' 
    } 
} 

function slideshow(){ 
    console.log('working') 
    if (state == 'play'){ 
     console.log('play') 
     var pic='<img src="'+ images[slide]+'">' 
      gallery.innerHTML=pic 
      slide+=1; 
      console.log(slide) 
      if(slide-1==length){ 
       slide=0 
      setTimeout(slideshow, 3000); 
      } 
     } 
    } 

Answer 1

完成したフィドルを入れましたhere。

スライドショーが理由のカップルのために、最初は働いていませんでした：スライドカウンターが最大に達したときのため

1. あなたのチェックが間違っていました。それは：if(slide==images.length){である必要があります。

2. 間違った場所に}がありました。 ifの場合は、タイムアウトを設定していました。

Answer 2

Updated fiddleあなたの助けを本当に感謝します。

あなたが見ることができるコンソールを確認してくださいない定義のエラー：

Uncaught ReferenceError: slide is not defined(…)

そして、あなたはスライド変数を宣言するときに取得します：

Uncaught ReferenceError: gallery is not defined(…)

をあなたが宣言しましたslideとgallery変数：

var slide=0; 
var gallery= document.getElementsByClassName('gallery')[0]; 

これが役に立ちます。