表示時間の間隔を変えるスライドショウ

<!-- HTML 表記 -->
<div style="float:left;">
  <form name="sshowform">
    <input type="button" value="Start" onClick="kaisi()">
    <input type="button" value="Stop" onClick="teisi()">
  </form>
</div>
<div style="float:left; margin-left:10px;">
  <select id="value" size="1">
    <option value="1">１秒</option>
    <option value="2">２秒</option>
    <option value="3">３秒</option>
    <option value="4">４秒</option>
    <option value="5">５秒</option>
</select>
</div>
<img SRC="画像のURL" id="img1" style="width:auto; height:auto; display: block; margin-left: auto; margin-right: auto;">

</form>

</div>

</select>

</div>

//    JavaScript表記
<script type="text/javascript">
<!--
imgs=new Array(5);
var interval = 0;
var n = 0;
var timer;
for (var i=0;i<5;i++){
  imgs[i] = new Image();
  imgs[i].src="画像のURL（下１桁除く）"+(i+1)+".jpg";
}
function change(){
  document.getElementById("img1").src = imgs[n].src;
  n++;
  if(n==5){n=0}
}
function kaisi(){
  interval_miri = document.getElementById("value").value;
  interval = interval_miri * 1000;
  timer = setInterval("change()",interval)
}
function teisi(){
   clearInterval(timer);
}
//-->
</script>

// JavaScript表記

<!--

imgs=new Array(5);

var interval = 0;

var n = 0;

var timer;

for (var i=0;i<5;i++){

imgs[i] = new Image();

imgs[i].src="画像のURL（下１桁除く）"+(i+1)+".jpg";

}

function change(){

document.getElementById("img1").src = imgs[n].src;

n++;

if(n==5){n=0}

}

function kaisi(){

interval_miri = document.getElementById("value").value;

interval = interval_miri * 1000;

timer = setInterval("change()",interval)

}

function teisi(){

clearInterval(timer);

}

//-->

</script>

[cc lang=”JavaScript”] // JavaScript表記 [/cc]