Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Окно setInterval() Method

<Окно объекта

пример

Оповещение "Hello" каждые 3 секунды (3000 milliseconds) :

setInterval(function(){ alert("Hello"); }, 3000);
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


Определение и использование

setInterval() метод вызывает функцию или вычисляет выражение через заданные интервалы времени (in milliseconds) .

setInterval() метод будет продолжать вызов функции до clearInterval() вызывается, или окно закрыто.

Значение идентификатора , возвращаемое setInterval() используются в качестве параметра для clearInterval() методы.

Tip: 1000 мс = 1 секунда.

Совет: Для того, чтобы выполнить функцию только один раз, после определенного количества миллисекунд, используйте setTimeout() метод.


Поддержка браузеров

Числа в таблице указать первую версию браузера, который полностью поддерживает метод.

метод
setInterval() 1,0 4,0 1,0 1,0 4,0

Синтаксис

setInterval( function,milliseconds,param1,param2,... )

Значения параметров

параметр Описание
function Необходимые. Функция, которая будет выполнена
milliseconds Необходимые. Интервалы (in milliseconds) , о том , как часто , чтобы выполнить код
param1,param2,... Необязательный. Дополнительные параметры для перехода к функции (не поддерживается в IE9 и ранее)

Технические подробности

Возвращаемое значение: A Количество, представляющее значение идентификатора таймера, который установлен. Используйте это значение с clearInterval() метод , чтобы отменить таймер

Примеры

Еще примеры

пример

Вы можете также обратиться к "named" под "named" функции; Оповещение "Hello" каждые 3 секунды (3000 milliseconds) :

var myVar;

function myFunction() {
    myVar = setInterval(alertFunc, 3000);
}

function alertFunc() {
    alert("Hello!");
}
Попробуй сам "

пример

Отображение текущего времени (the setInterval() метод будет выполняться функция один раз 1 раз в секунду, так же , как цифровые часы):

var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}
Попробуй сам "

пример

Использование clearInterval() , чтобы остановить время и в предыдущем примере:

var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("demo").innerHTML = t;
}

function myStopFunction() {
    clearInterval(myVar);
}
Попробуй сам "

пример

Использование setInterval() и clearInterval() , чтобы создать динамический индикатор:

function move() {
  var elem = document.getElementById("myBar");
  var width = 0;
  var id = setInterval(frame, 10);
  function frame() {
    if (width == 100) {
      clearInterval(id);
    } else {
      width++;
      elem.style.width = width + '%';
    }
  }
}
Попробуй сам "

пример

Переключение между двумя цвета фона каждые 300 миллисекунд:

var myVar = setInterval(function(){ setColor() }, 300);

function setColor() {
    var x = document.body;
    x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}

function stopColor() {
    clearInterval(myVar);
}
Попробуй сам "

пример

Передача параметров функции alertFunc (does not work in IE9 and earlier) :

var myVar;

function myStartFunction() {
    myVar = setInterval(alertFunc, 2000, "First param", "Second param");
}
Попробуй сам "

Однако, если вы используете анонимные функции, он будет работать во всех браузерах:

var myVar;

function myStartFunction() {
    myVar = setInterval(function(){ alertFunc("First param", "Second param"); }, 2000);
}
Попробуй сам "

Похожие страницы

: Окно объекта href="met_win_clearinterval.html"> clearInterval() Method

Окно объекта: href="met_win_settimeout.html"> setTimeout() Method

: Окно объекта href="met_win_cleartimeout.html"> clearTimeout() Method


<Окно объекта