Запуск функции во временном интервале в jQuery

Question

Я хочу создать баннер с помощью jQuery. Когда скрипт с загрузкой страницы будет показывать группу фотографий один за другим. Например, контроллер отправляет 10 фотографий, и каждая фотография будет отображаться через 30 секунд после 10 минут, когда сценарий потребует от фотоснимок другого фото.

Вопрос: Как я могу сделать функцию, которая работает через 30 секунд. Мне нужно запустить функцию за промежуток времени без нажатия кнопки или чего-либо еще.

Answer 1

Основной метод:

setInterval(function() { 
     console.log('it works' + new Date()); 
    },30000); 

Если вам нужно очистить интервал в будущем:

var myInterval = setInterval(function() { 
      console.log('it works' + new Date()); 
     },30000); 

в будущем:

clearInterval(myInterval); 

Answer 2

Вы должны использовать setInterval как это

setInterval("alert('Hello')", 5000); 

Answer 3

JavaScript обеспечивает setTimeout function:

var timeoutID = window.setTimeout(code, delay); 

Answer 4

Попробуйте что-то вроде этого:

HTML:

<ul id="ticker"> 
    <li>Image 1</li> 
    <li>Image 2</li> 
    <li>Image 3</li> 
    <li>Image 4</li> 
    <li>Image 5</li> 
</ul>​ 

CSS:

ul{height:20px; overflow:auto}​ 

JS:

var $ticker = $('ul#ticker'); 
var speed = 300; 
var pause = 3000; 

var tick = function() { 
    var first = $ticker.find('li').first().animate({ 
     height: 0 
    }, speed).hide('normal', function() { 
     $(this).remove(); 
     $ticker.append('<li>' + first + '</li>'); 
    }).html(); 
}; 

$('ul#ticker').click(tick); 
setInterval(tick, pause); 

Здесь простой Demo.