Javascript timer

Question

У меня есть набор объектов, и каждый из этих объектов отслеживает некоторые строки. Эти объекты создаются при загрузке страницы и сохраняются в массиве объектов. У меня есть четыре пользовательских элемента управления в ascx-файле, который отображает те строки определенного объекта за раз.

А также у меня есть кнопка воспроизведения в том же файле ascx, который по умолчанию установлен для воспроизведения. Когда я загружаю ascx, он отображает первый набор строк в определенном объекте. И после 5-секундного интервала времени iy должен отображать второй набор строк в следующем объекте. Когда кнопка воспроизведения нажата, она также должна перейти в состояние паузы.

Может кто-нибудь дать мне начало для достижения этого требования. мой код за файлом - C#

Answer 1

Фундаментально, вы хотите 'слайд-шоу' из элементов управления ASCX. Обычный способ сделать это - показать все ваши ASCX, а затем использовать Javascript и CSS, чтобы сделать видимым одновременно.

Google для 'html css javascript slideshow'.

http://www.catswhocode.com/blog/top-10-javascript-slideshows-carousels-and-sliders

Answer 2

Только что вы поняли, что можете достичь этого через внешний интерфейс JavaScript в соответствии с заголовком вопроса? В этом случае вам понадобится функция setInterval и ваш массив данных, доступных в DOM.

Предположим, что ваша кнопка

<asp:ImageButton src="source.jpg" class="btnPlay" alt="Play" /> 

Ваш JavaScript (с помощью JQuery) может быть вдоль линий:

$(function() { 
    $('.btnPlay').click(function() { 
     $(this).toggleClass('btnPause'); 
     if($(this).hasClass('btnPause') { 
       yourHandlerID = setInterval ("yourHandler()", 5000); 
     } else { 
       clearInterval (yourHandlerID); 
     } 
    }); 
}); 

Вы также можете сделать это с помощью C# код позади, используя класс таймера, например, например: http://www.csharphelp.com/2006/02/c-timer-demo/

И каждый раз, когда таймер запускает обработчик событий, который вы определяете, вы можете повторить через свой массив, вытеснить ай, чего ты хочешь.

Кнопка паузы переключения будет просто останавливать таймер.

Microsoft ссылка: http://msdn.microsoft.com/en-us/library/system.timers.timer(VS.71).aspx