jsタイマーset Interval
8159 ワード
タイマーset Interval 1.set Intervalオープンタイマー .タイマーをオフにする .小練習:自動切り替え画像 1.set Intervalオープンタイマー
* setInterval()
* -
* - ,
* - :
* 1. ,
* 2. ,
*
* - :
* Number
*
setInterval(function() {
h.innerHTML = count++;
}, 1000);
2.タイマーをオフにするclearInterval()
,
* clearInterval() ,
* ,
* ,
var timer = setInterval(function(){
},30)
clearInterval(timer);
3.小練習:自動で画像を切り替える// img
var img1 = document.getElementById("img1");
//
var imgArr = ["img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg", "img/5.jpg"];
// ,
var index = 0;
// ,
var timer;
// btn01
var btn01 = document.getElementById("btn01");
btn01.onclick = function() {
/*
* , , ,
* , ,
*
*/
// ,
clearInterval(timer);
/*
* ,
*/
timer = setInterval(function() {
//
index++;
//
/*if(index >= imgArr.length){
// index 0
index = 0;
}*/
index %= imgArr.length;
// img1 src
img1.src = imgArr[index];
}, 1000);
};
// btn02
var btn02 = document.getElementById("btn02");
btn02.onclick = function() {
// , ,
/*
* clearInterval() ,
* ,
* ,
*/
clearInterval(timer);
};