2013-08-06 2 views
16

В настоящее время я создаю веб-сайт для размещения программного обеспечения. Я хочу добавить к страницам проекта слайд-шоу скриншотов на велосипеде, меняя изображения каждые 5 секунд. Есть ли способ запуска сценария с временным интервалом, используя только JavaScript? .. или я должен прибегнуть к альтернативным методам для достижения моей желаемой функциональности. Заранее благодарим за любую помощь!Запустите функцию JavaScript с регулярным интервалом времени

+2

возможно дубликат [установить интервал Interval и Clear] (http://stackoverflow.com/questions/5978519/set-interval-and-clear-interval) –

ответ

29

setInterval:

function doSomething() { 
    alert('This pops up every 5 seconds and is annoying!'); 
} 

setInterval(doSomething, 5000); // Time in milliseconds 

Pass это функция, которую вы хотите назвать несколько раз каждые п миллисекунды. (setTimeout, кстати, будет вызывать функцию с тайм-аут.)

Если вы когда-либо хотите, чтобы остановить таймер, удержать возвращаемое значение setInterval «s и передать его в clearInterval.

10

Вы хотите функцию setInterval.

setInterval(function() { 
    // This will be executed every 5 seconds 
}, 5000); // 5000 milliseconds 

Основная справка: http://www.w3schools.com/jsref/met_win_setinterval.asp (просьба игнорировать ссылку на параметр "языки")

Более углубленное ссылка: https://developer.mozilla.org/en-US/docs/Web/API/window.setInterval

+3

[W3Schools не самая большая ссылка, на way] (http://w3fools.com) – Ryan

+0

Да, это правда. Я заменю на лучшую. –

+1

W3schools могут быть не самыми точными, но легче на уме и в глазах. Помимо того, кто только что узнает о setinterval, вам будет очень полезно не видеть c-код, попробовать его в браузере и получить ссылку на организацию. –

1

Вы можете использовать window.setInterval

Пример использования:

window.setInterval(function() { 
    console.log("foo"); 
}, 3000); 
-1
<script> 
var intervalVariable=setInterval(function(){ 
    //Your operation goes Here 
    },1000); // executes every 1000 milliseconds(i.e 1 sec) 

function stopTimer() 
{ 
    clearInterval(intervalVariable); 
} 
</script> 
1

It Изменяет время в режиме div и время изменяется через 1 сек.

setInterval(function(){ 
     var date=new Date(); 
     $('.class').html(date); 
    },1000); 
Смежные вопросы