создать галерею фотографий с контролируемым временным интервалом пользователем

Question

Я прочитал этот урок: http://html.net/tutorials/javascript/lesson17.php , который содержит пример: http://html.net/tutorials/javascript/lesson17_ex1.html , но мне нужно, чтобы создать галерею фотографий с возможностью выбора времени между фотографиями пользователем, так что я хочу модифицированной этой строки кода:

galleryStarter = setTimeout("startGallery()", 2000);

быть, как пользователь хочет, чтобы я добавил:

<input type="text" name="name" id="name"><br> 
<input type="button" id="btnSub" value="User gallery"/> 
<input type="button" id="btnSub" value="User gallery"/> 

также:

var btnStart = document.getElementById("btnStart"); 
var btnStop = document.getElementById("btnStop"); 
var btnSub = document.getElementById("btnSub"); 

btnStart.onclick = startGallery; 
btnStop.onclick = stopGallery; 
btnSub.onclick = userGallery; 

и:

function userGallery() 
{ 
curImage.src = preloadedImgs[counter].src; 
counter ++; 
if (counter == preloadedImgs.length) 
{ 
counter = 0; 
} 
var c=document.getElementById("name").value; 
galleryStarter = setTimeout("userGallery()", c); 
window.alert(c); 
isGalleryOn = true; 
} 

но идентификатор не работает .. в чем причина?

Answer 1

Это потому, что вы не очистили предыдущий таймер.

clearTimeout(galleryStarter); 
isGalleryOn = false; 

Внутри function userGallery() будет решена ваша проблема.

Проверить Fiddle Here.