JavaScript - ブラウザオブジェクトモデル(タイマーで自動スライドショー(setInterval, clearInterval))

初めてのJavaScript 第2版
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5) の9章(ブラウザオブジェクトモデル)練習問第9-3を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)

9-3.

コード(TextWrangler)

<script>
var pics = [
  "https://lh3.googleusercontent.com/-H1qSm9HBU5I/TCMQP4fQkjI/AAAAAAAAASg/OqQ1IoOzyPo/w313-h313-n-k/drawing.png",
  "https://lh5.googleusercontent.com/-v4VAVnmZVnE/TCQApWOL2OI/AAAAAAAAASo/RnGOPXDN_lk/w314-h313-n-k/drawing.png",
  "https://lh4.googleusercontent.com/-qcMiQALD_6Y/TCR80SUS8SI/AAAAAAAAASw/5-dA2gueWeA/w314-h313-n-k/drawing.png",
  "https://lh4.googleusercontent.com/-AoRXaUWIPSw/TCLAkE-9fJI/AAAAAAAAASY/HeXZPX1fWaI/w297-h296-n-k/drawing.png",
  "https://lh6.googleusercontent.com/-3bQfrwaWNFk/TCSzl4EG72I/AAAAAAAAAS4/OMlEbpFjIVk/w314-h313-n-k/drawing.png"
  ];
var currentPhoto = 0;
function changePhoto(photo){
  $('#img0').attr('src',pics[photo]);
}
function nextPic(){
  if(currentPhoto < pics.length){
    changePhoto(currentPhoto);
    currentPhoto += 1;
  } else {
    currentPhoto = 0;
    changePhoto(currentPhoto);
    currentPhoto += 1;
  }
}
var tmOut;
function start(){
  tmOut = setInterval(function(){
    nextPic();
  } ,5000);
}
function stop(){
  clearInterval(tmOut);
}
</script>
<input type="button" value="start" onclick="start()">
<input type="button" value="stop" onclick="stop()"><br />
<img id="img0" />