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-84312-225-5) の9章(JavaScriptのブラウザオブジェクトモデル)練習問第9-3を解いてみる。

その他参考書籍

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

9-3.

コード(TextWrangler)

<script>
var pics = [
  "http://farm9.staticflickr.com/8424/7757420986_d316f967ed_m.jpg",
  "http://farm8.staticflickr.com/7261/7406369886_1a82c8c5c0_m.jpg",
  "http://farm8.staticflickr.com/7016/6504882499_4ef93d1a45_m.jpg",
  "http://farm5.staticflickr.com/4032/5120980604_130500eb87_m.jpg",
  "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQm7SvnFGh-aY975_Y_-AJb0K68_IDAC-jjGNoTLz5i1z1SRQT9Lq4OiS1UVJdHuRTSrOHJUEp9dBoF71vTEVy_a5xvyKMbrMgA1ukiAJ1OyYlUU1cPvCsWAmm2z5Q32RrfNgN4JFv0Igh/s128/Ubuntu.png"
];
var current_pic = 0;
function show_pic(){
  if(!(current_pic < pics.length)) current_pic = 0;
  var pic = "<img src='" + pics[current_pic] + "'/>";
  $('#d0').html(pic);
  current_pic++;
}
var tm;
function clicked1(){
  tm = setInterval(show_pic, 5000);
}
function clicked2(){
  clearInterval(tm);
}
</script>
<input type="button" value="start" onclick="clicked1()"/>
<input type="button" value="stop" onclick="clicked2()"/><br />
<div id='d0'>

</div>