JavaScript - ブラウザオブジェクトモデル(タイマー(setInterval, clearTimeout) )

初めての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 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)

9-3.

コード(TextWrangler)

<script>
var pics = [
  "51VSE54RBEL._SL160_",
  "513cHHi%2BkCL._SL160_",
  "41vF73wVaAL._SL160_",
  "51xJY7AS7lL._SL160_",
  "51SMkW3ZR8L._SL160_",
  "51MCSBFC6XL._SL160_",
  "51PWS7A72YL._SL160_"
  ];
var i = 0;

function showPic(n){
  var pic = "http://ecx.images-amazon.com/images/I/" + pics[n] + ".jpg";
  $('#d0 img').attr('src',pic);
}

function changePics(){
  if(i < pics.length){
    showPic(i);
    i++;
  } else {
    i = 0;
    showPic(i);
    i++;
  }
}

var tmOut;
function start(){
  tmOut = setInterval(changePics,5000);
}
function stop(){
  clearTimeout(tmOut);
}
</script>
<input type="button" value="start" onclick="start()"/>
<input type="button" value="stop" onclick="stop()"/><br />
<div id="d0">
<img />
</div>